js或jq怎么实现滚轮控制页面上下滑动

JavaScript014

js或jq怎么实现滚轮控制页面上下滑动,第1张

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

})

})

}

当浏览器滚动条滚动时会触发 onscroll 事件,通常情况下指上下滚动条滚动。

需要注意的是,浏览器一旦检测到滚动条发生滚动,就可以触发 onscroll 事件,而无需等到滚动行为结束。

下面的例子演示了一个极普遍的应用:利用 onscroll 事件检测滚动条位置,当向下滚动到一定位置时,在页面右下角会出现“返回顶部”的锚链接,以方便网站用户快速返回顶部。