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

  • 相关阅读:
    JS面试题(一)
    cookie、locakstorage、sessionstorage的区别
    BOM操作
    DOM表单(复选框)
    DOM表格操作
    Javascript的组成——EMACScript、DOM、BOM
    scrollto 到指定位置
    编写一个javscript函数 fn,该函数有一个参数 n(数字类型),其返回值是一个数组,该数组内是 n 个随机且不重复的整数,且整数取值范围是 [2, 32]。
    使用bluebird解决promise兼容性问题
    Mac 更改/usr/bin 目录权限失败
  • 原文地址:https://www.cnblogs.com/xtfnpgy/p/9285505.html
Copyright © 2011-2022 走看看