• 谷歌浏览器内核Cef js代码整理(二) 滚动条


    1.隐藏滚动条

    document.documentElement.style.overflow = 'hidden';
    隐藏竖向滚动条:
    document.documentElement.style.overflow = 'hidden';

    1.滚动方法

    window.scrollTo(0,0);       /*滚动到顶部*/

    window.scrollBy(0,100);   /*向下滚动100*/

    window.scrollTo(0,document.body.scrollHeight); /*滚动到底部*/

    2.滚动条是否滚动到底部?是,返回true;否,返回当前垂直滚动条位置。

    function 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;
    };
    function 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;
    };
    function getWindowHeight(){
      var windowHeight = 0;
      if(document.compatMode == "CSS1Compat"){
        windowHeight = document.documentElement.clientHeight;
      }else{
        windowHeight = document.body.clientHeight;
      }
      return windowHeight;

    };

    function IsScrollToBottom(){

      if(getScrollTop() + getWindowHeight() == getScrollHeight()){ 
        alert("true");
      } else {
         alert(getScrollTop() + getWindowHeight());
      }
    }

    IsScrollToBottom();

    3./*----------1秒向下滚动一次,直至到底部---------*/
    var timer = setInterval(function(){  
                window.scrollBy(0,100);  
                if(getScrollTop() + getWindowHeight() == getScrollHeight()){  
                    clearInterval(timer);  
                }  

            },1000);  

  • 相关阅读:
    Docker容器(一):什么是Docker
    使用docker简单启动springboot项目
    nginx的alias与root的区别
    拦截器报循环依赖错误
    给jenkins更换工作空间
    The last packet sent successfully to the server was 0 milliseconds ago. The driver has not received any packets from the server.
    No Compiler is Provided in this environment Perhaps you are running on JRE rather than a JDK
    idea拉取最新代码弹窗(Ctrl + T)
    idea常用插件
    SqlDependency数据库缓存
  • 原文地址:https://www.cnblogs.com/xtfnpgy/p/9285505.html
Copyright © 2020-2023  润新知