最近搜索

js-监听页面滚动 jq

浏览:1299
管理员 2019-10-12 13:57


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

1
2
3
4
5
6
window.onscroll = function() {
  //为了保证兼容性,这里取两个值,哪个有值取哪一个
  //scrollTop就是触发滚轮事件时滚轮的高度
  var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
  console.log("滚动距离" + scrollTop);
}

  

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

1
2
3
4
5
6
$(window).scroll(function() {
  //为了保证兼容性,这里取两个值,哪个有值取哪一个
  //scrollTop就是触发滚轮事件时滚轮的高度
  var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
  console.log("滚动距离" + scrollTop);
})

  


联系站长

站长微信:xiaomao0055

站长QQ:14496453