首页 > 代码库 > 使用JS实现鼠标滚轮事件
使用JS实现鼠标滚轮事件
网站需要实现鼠标滚轮滚一下，页面向下滑向下一个锚点，由于前面有个一样式必须用jQuery1.3.2，而好多滚轮事件都使用了更高版本的jQuery，于是就从网上找了找
<script type="text/javascript"> var sel_index = -1 var sel_max = $(".billboard-hero").length - 1; function handle(delta) { var s = delta + ": "; if (delta < 0) { sel_index++; s += "您在向下滚……"; s += sel_index; if (sel_index >= sel_max) sel_index = sel_max; } else { sel_index--; s += "您在向上滚……"; s += sel_index; if (sel_index <= -1) sel_index = -1; } location.href = "#" + $(".billboard-hero")[sel_index].id; } function wheel(event) { var delta = 0; if (!event) event = window.event; if (event.wheelDelta) { delta = event.wheelDelta / 120; if (window.opera) delta = -delta; } else if (event.detail) { delta = -event.detail / 3; } if (delta) handle(delta); } window.addEventListener ? window.addEventListener("DOMMouseScroll", this.wheel, false) : null; document.onmousewheel = this.wheel; </script>
其实和网上的差不多，主要是发现在Chrome和360急速模式下鼠标滚轮滚一下，会触发两次，所以需要
window.addEventListener ? window.addEventListener("DOMMouseScroll", this.wheel, false) : null;不过本人水平有限，不明其中觉厉...
使用JS实现鼠标滚轮事件
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。