zoukankan      html  css  js  c++  java
  • 计算滚动条滚动的距离

    方法一:
    var loadLock = false; function loadMore() { if(jQuery('#bodyid').size() == 0)return ; document.getElementById("bodyid").style.height=document.body.clientHeight; var doe = document.documentElement || document.body, scrollHeight = doe.scrollHeight, clientHeight = doe.clientHeight, scrollY = window.scrollY || doe.scrollTop,//滚动条滚动的距离 offset = scrollHeight - scrollY - clientHeight; if(scrollY<=20&&scrollY>=0){ document.getElementById("topBtn").style.display="none"; } else if(scrollY>20&&offset<=100){ document.getElementById("topBtn").style.display="block"; document.getElementById("topBtn").style.cssText="bottom:100px;"; }else if(scrollY>20&&offset>100){ document.getElementById("topBtn").style.display="block"; document.getElementById("topBtn").style.cssText="bottom:10px;"; } } window.onscroll = function() { loadMore(); };
    方法二:
    //回到页面顶部  
            $("#goTotop").click(function(){  
                $('body,html').animate({scrollTop:0},1500); //点击按钮让其回到页面顶部  
            });  
              
            $(window).scroll(function() {  
                var yheight1=window.pageYOffset; //滚动条距顶端的距离  
                var yheight=getScrollTop(); //滚动条距顶端的距离  
                var height =document.documentElement.clientHeight//浏览器可视化窗口的大小  
                var top=parseInt(yheight)+parseInt(height)-217;  
                var divobj=$(".kf");  
                divobj.attr('style','top:'+top+'px;');  
            })  
              
        /**
         * 获取滚动条距离顶端的距离
         * @return {}支持IE6
         */  
        function getScrollTop() {  
                var scrollPos;  
                if (window.pageYOffset) {  
                scrollPos = window.pageYOffset; }  
                else if (document.compatMode && document.compatMode != 'BackCompat')  
                { scrollPos = document.documentElement.scrollTop; }  
                else if (document.body) { scrollPos = document.body.scrollTop; }   
                return scrollPos;   
        }  


  • 相关阅读:
    【WPF】城市级联(XmlDataProvider)
    【C#】利用反射构建实体
    毕业档案保存
    【WPF】淡入淡出切换页面
    【C#】Lamada表达式演变过程
    【C#】实现INotifyPropertyChanged的3种方法
    【Unity】矩阵运算
    (win7/8/10)鼠标右键添加按下SHIFT键时弹出带管理员权限的“在此处打开命令窗口”
    如何给grldr.mbr和grldr改名
    常用的时间同步服务器地址
  • 原文地址:https://www.cnblogs.com/dearxinli/p/2766157.html
Copyright © 2011-2022 走看看