1 scrollWidth 网页正文全文宽 2 scrollHeight 网页正文全文高 3 scrollTop 网页被卷去的高 4 scrollLeft 网页被卷去的左
1 兼容的写法
2 window.onscroll = function (ev) {
3 var scrollTop = window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop;
4 console.log(scrollTop);
5 }
使用json格式封装兼容性
1 function scroll() {
2 if(window.pageYOffset !== null){ // 最新的浏览器
3 return {
4 "top": window.pageYOffset,
5 "left": window.pageXOffset
6 }
7 }else if(document.compatMode === 'CSS1Compat'){ // W3C
8 return {
9 "top": document.documentElement.scrollTop,
10 "left": document.documentElement.scrollLeft
11 }
12 }
13 return {
14 "top": document.body.scrollTop,
15 "left": document.body.scrollLeft
16 }
17 }
18
19 window.addEventListener('scroll', function (ev) {
20 // console.log(scroll().top);
21 console.log(myTool.scroll().top);
22 });
来源:https://www.cnblogs.com/zhangzhengyang/p/11204511.html