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);  

  • 相关阅读:
    win8 win10 安装msi 提示2502、2503的错误代码
    本地wamp的Internal Server Error错误解决方法
    安卓客户端测试总结
    测试bug级别定义
    测试流程
    测试人员的分工
    web安全测试-AppScan使用分享
    性能测试-小计
    0基础学java_字节流和字符流
    0基础学java_通配符
  • 原文地址:https://www.cnblogs.com/xtfnpgy/p/9285505.html
Copyright © 2011-2022 走看看