scroll 

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     });

 

posted @ 2019-07-18 00:03  疏影横斜水清浅  阅读(562)  评论(0)  编辑  收藏  举报