javascript - Jquery 鼠标滚轮事件仅适用于 Chrome

标签 javascript jquery css

我正在处理 jquery 事件,其中 divlow_price 根据我们滚动的方向设置动画。如果我们向上滚动 div 滚动向下滚动时向上滚动。

但此代码不适用于笔记本电脑鼠标垫滚动条。

此代码仅适用于 chrome,不适用于任何其他浏览器。

HERE是一把 fiddle 。

这是代码。

 $(window).bind('mousewheel DOMMouseScroll', function(event) {
    if (event.originalEvent.wheelDelta >= 0) {
         $(".low_price").animate({top: '0'}, "fast");
    }
    else {
         $(".low_price").animate({top: '80px'}, "fast");
    }
});

最佳答案

关于使用:

event.originalEvent.detail

编辑 2:https://jsfiddle.net/pmiranda/1fud1roa/1/

我是从这里拿来的:event.wheelDelta returns undefined

关于javascript - Jquery 鼠标滚轮事件仅适用于 Chrome,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42166348/

相关文章:

javascript - 使用 jQuery 为点击时的图像大小设置动画

javascript - 防止 Bootstrap 函数切换下拉菜单

php - 如果未设置变量,则禁用输入字段

javascript - jQuery 单击单击事件不适用于数据表

jquery - 如何用jQuery实时显示输入值?

javascript - 随机放置 5 个 div

应用于同一长页面时的 CSS3 渐变问题

css - 网站页面挤压影响文本框架

javascript - 在 node.js 中 `module` 总是一个对象吗?

javascript - 查找第一次出现键 :value inside object 的有效方法