两种监听页面滚动的方法

一、原生js通过window.onscroll监听

window.onscroll = function() {

 //为了保证兼容性,这里取两个值,哪个有值取哪一个

 //scrollTop就是触发滚轮事件时滚轮的高度

 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

 console.log("滚动距离" + scrollTop);

}

二、Jquery通过$(window).scroll()监听

$(window).scroll(function() {

 //为了保证兼容性,这里取两个值,哪个有值取哪一个

 //scrollTop就是触发滚轮事件时滚轮的高度

 var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

 console.log("滚动距离" + scrollTop);

})

发表评论

电子邮件地址不会被公开。 必填项已用*标注