js-监听页面滚动

2024-09-28 12:19:45

两种监听页面滚动的方法

一、原生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);

})

　　

最新文章

热门文章