zoukankan      html  css  js  c++  java
  • 谷歌浏览器内核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);  

  • 相关阅读:
    Ubuntu更新Hostname和hosts
    Github 的其他用法
    Git与Github使用
    【实习】实习期间一些工具的使用
    【实习】实习第一周周报
    QT_string转char*
    QT_获取正在运行程序的进程id(判断程序是否正在运行)
    QT_获取运行进程所在目录路径_2
    QT_获取运行进程所在目录路径_1
    QT_强杀进程
  • 原文地址:https://www.cnblogs.com/xtfnpgy/p/9285505.html
Copyright © 2011-2022 走看看