需要注意的是,浏览器一旦检测到滚动条发生滚动,就可以触发 onscroll 事件,而无需等到滚动行为结束。
下面的例子演示了一个极普遍的应用:利用 onscroll 事件检测滚动条位置,当向下滚动到一定位置时,在页面右下角会出现“返回顶部”的锚链接,以方便网站用户快速返回顶部。
jQuery监听鼠标滚轮(滚动)事件第一步:下载jquery-mousewheel插件
第二步:复制以下代码做测试,打开日志看效果
jQuery(function($) {
$('#nav')
.bind('mousewheel', function(event, delta) {
var dir = delta >0 ? 'Up' : 'Down'
if (dir == 'Up') {
console.log(“向上滚动, www.imiansha.com”)
} else {
console.log(“向下滚动, http: //blog.csdn.net/u011627980”)
}
return false
})
})
}