zoukankan      html  css  js  c++  java
  • 当在iOS下获取scrollTop时可以获取到,在Android下获取scrollTop一直为0的问题

    1、document.documentElement.scrollTop和document.body.scrollTop始终有一个为0,所以可以用这两个的和来求scrollTop

    2、scrollHeight、clientHeight 在DTD已声明的情况下用documentElement,未声明的情况下用body

    document.compatMode 可以用来判断是否声明了DTD, 值为"BackCompat":未声明,值为"CSS1Compat":已声明。

    document.compatMode用来判断当前浏览器采用的渲染方式。

    • BackCompat:标准兼容模式关闭。
    • CSS1Compat:标准兼容模式开启。


    window.onscroll = function (){
      var marginBot = 0;
      if (document.compatMode === "CSS1Compat"){
        marginBot = document.documentElement.scrollHeight - (document.documentElement.scrollTop+document.body.scrollTop)- document.documentElement.clientHeight;
      } else {
        marginBot = document.body.scrollHeight - document.body.scrollTop- document.body.clientHeight;
      }
    i  f(marginBot<=0) {
        //do something
      }
    }
    当document.compatMode等于BackCompat时,浏览器客户区宽度是document.body.clientWidth;
    当document.compatMode等于CSS1Compat时,浏览器客户区宽度是document.documentElement.clientWidth。

    浏览器客户区高度、滚动条高度、滚动条的Left、滚动条的Top等等都是上面的情况。

  • 相关阅读:
    Pentaho
    sympy 解四元一次方程
    install R language on ubuntu
    pyside
    浙江省医院网上挂号
    mtu值相关
    Python 中除法运算需要注意的几点
    idea
    kilim
    good blog
  • 原文地址:https://www.cnblogs.com/wwwxxjsyy/p/14955773.html
Copyright © 2011-2022 走看看