JS-获取网页滑动距离，并实时监听(js获取网页链接)

JS-获取网页滑动距离，并实时监听 介绍

推荐整理分享JS-获取网页滑动距离，并实时监听(js获取网页链接)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:js获取滚动条位置,js获取滚动条,js页面滚动到指定位置,js获取当前滚动条的位置,js获取当前滚动条的位置,js获取网页链接,js滑动到某个指定位置显示,js页面滚动到指定位置,内容如对您有帮助，希望把文章链接给更多的朋友！

本文主要介绍通过JS获取网页滑动距离，并实时监听的方法。分析document.body.scrollTop、document.documentElement.scrollTop、window.pageYOffset 三者之间的区别。

一、获取网页滑动距离JS方法：console.log('网页被卷去的高：', document.body.scrollTop);console.log('网页被卷去的高：', document.documentElement.scrollTop);console.log('网页被卷去的左：', document.body.scrollLeft);console.log('网页被卷去的左：', document.documentElement.scrollLeft);document.body.scrollTop的值总为零的原因

页面指定了DTD，即指定了DOCTYPE时，使用document.documentElement.scrollTop。

页面没有DTD，即没指定DOCTYPE时，使用document.body.scrollTop。

各浏览器下 scrollTop/scrollLeft的差异IE：

对于没有doctype