使用JS实现鼠标滚轮事件
浏览数：34 /
时间：2015年06月09日
网站需要实现鼠标滚轮滚一下，页面向下滑向下一个锚点，由于前面有个一样式必须用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;
不过本人水平有限，不明其中觉厉...
郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。
