zoukankan      html  css  js  c++  java
  • 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     });
  • 相关阅读:
    三角函数图像平移后重合对称
    三角恒等式的证明
    三角函数给值求角
    三角方程的解法
    空间中线面位置关系的证明思路
    实时会议
    LATEX 公式总结
    三维重建的应用
    会议
    计算机图形学学习笔记
  • 原文地址:https://www.cnblogs.com/zhangzhengyang/p/11204511.html
Copyright © 2011-2022 走看看