js-監聽頁面滾動

兩種監聽頁面滾動的方法

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