鼠标滚轮条件判断

57 阅读 0 评论 38 点赞

我是靠谱客的博主爱笑铃铛，最近开发中收集的这篇文章主要介绍鼠标滚轮条件判断，觉得挺不错的，现在分享给大家，希望可以做个参考。

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

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

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

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

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

而应该改成

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

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

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

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

以上就是爱笑铃铛为你收集整理的鼠标滚轮条件判断的全部内容，希望文章能够帮你解决鼠标滚轮条件判断所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。

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