zoukankan      html  css  js  c++  java
  • js获取滚动条,文档,浏览器高度

    不说话,直接上代码

    //滚动条在Y轴上的滚动距离
            getScrollTop(){
              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;
            }
  • 相关阅读:
    分布式
    jdk与jre的区别
    rabbitmq
    dicom错误解决
    centos6.5搭建hadoop完整教程
    spark
    Oracle索引扫描
    Oracle的rowid结构解析
    PL/SQL — 集合及常用方法
    PL/SQL — 变长数组
  • 原文地址:https://www.cnblogs.com/bigDipper/p/7815226.html
Copyright © 2011-2022 走看看