鼠标滚轮条件判断

146 阅读 0 评论 97 点赞

我是靠谱客的博主爱笑铃铛，这篇文章主要介绍鼠标滚轮条件判断，现在分享给大家，希望可以做个参考。

当我们要写一个动画时，需要判断鼠标是否滚动了再来出现某个动画，用

window.addEventListener('scroll', () => {}方法可以监听到高度，用

document.documentElement.onmousewheel = function (event) {}可以监听到鼠标滚轮动了

console.log(event.wheelDelta)显示的是个负数会随着电脑屏幕显示的扩大缩小倍数而改变，所以在判断滚轮发生不能写成死条件，例如：

if (event.wheelDelta == -120 ) {}

而应该改成

window.devicePixelRatio：获取电脑显示缩放扩大倍数

if (event.wheelDelta <= -120 * window.devicePixelRatio) {}

小于等于是因为浏览器还可以缩小扩大倍数

这样就可以解决滚动滑动触发条件

以上就是爱笑铃铛最近收集整理的关于鼠标滚轮条件判断的全部内容，更多相关鼠标滚轮条件判断内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供，作为学习参考使用，或来自网络收集整理，版权属于原作者所有。