美文网首页
js中一些高度

js中一些高度

作者: _theFeng | 来源:发表于2019-05-09 10:05 被阅读0次
    //文档高度
    getDocumentTop() {
      var scrollTop = 0,
        bodyScrollTop = 0,
        documentScrollTop = 0;
    
      if (document.body) {
        bodyScrollTop = document.body.scrollTop;
      }
    
      if (document.documentElement) {
        documentScrollTop = document.documentElement.scrollTop;
      }
    
      scrollTop =
        bodyScrollTop - documentScrollTop > 0
          ? bodyScrollTop
          : documentScrollTop;
      return scrollTop;
    },
    //可视窗口高度
    getWindowHeight() {
      var windowHeight = 0;
      if (document.compatMode == "CSS1Compat") {
        windowHeight = document.documentElement.clientHeight;
      } else {
        windowHeight = document.body.clientHeight;
      }
    
      return windowHeight;
    },
    //滚动条滚动高度
    getScrollHeight() {
      var scrollHeight = 0,
        bodyScrollHeight = 0,
        documentScrollHeight = 0;
    
      if (document.body) {
        bodyScrollHeight = document.body.scrollHeight;
      }
    
      if (document.documentElement) {
        documentScrollHeight = document.documentElement.scrollHeight;
      }
    
      scrollHeight =
        bodyScrollHeight - documentScrollHeight > 0
          ? bodyScrollHeight
          : documentScrollHeight;
      return scrollHeight;
    }
    

    相关文章

      网友评论

          本文标题:js中一些高度

          本文链接:https://www.haomeiwen.com/subject/gxvioqtx.html