需要注意的是,浏览器一旦检测到滚动条发生滚动,就可以触发 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
})
})
}
页面加载完成事件JQuery是$(function() { 这是页面加载完成后会执行的代码})页面下滑代码$('html,body').animate({scrollTop:100px},500)100px为从顶部开始向下滑的距离 500为下滑时间 单位为毫秒 可以控制下滑速度时间越短下滑速度越快 两者结合 即可实现你说的页面加载后向下滑动一定距离