243
文章
15
说说
1881
评论
603723
访问

个人博客网站:prettywordpress.com(吃饭用大碗的程序猿)

最新评论 纳尼!怎么还没有人在本站点留言(ó﹏ò。)
A+

2种方法获取页面滚动距离

标签: 最后编辑:2020年8月6日

两种监听页面滚动的方法

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

})

知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议

发表一下你的评论呗

回复评论代表你同意网站的 隐私政策

... 友情提示 请保留版权标识
复制成功!
目录
今日公告
生命是一团欲望,欲望不能满足便痛苦,满足便无聊,人生就在痛苦和无聊之间摇摆----叔本华
站长技能树
java
60%
javascript
55%
c
10%
typescript
50%
python
10%
免费咨询公众号