• 谷歌浏览器内核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);  

  • 相关阅读:
    PA
    核电站问题(codevs 2618)
    [转]SQL SERVER 的排序规则
    C# 窗体控件输入框大写
    查看哪些端口被使用
    [转]Windows服务“允许服务与桌面交互”的使用和修改方法
    [转]OBJECT_ID 有哪些种类
    如何:对 Windows 窗体控件进行线程安全调用
    老人手机不要买山寨机
    VBA文本型数字变成数值
  • 原文地址:https://www.cnblogs.com/xtfnpgy/p/9285505.html
Copyright © 2020-2023  润新知