网页与浏览器高度相关参数$(document).heigth和$(window).heigt

来源:互联网 发布:扫地机知乎 编辑:IT博客网 时间:2019/06/27 19:55
<span style="font-family:Microsoft YaHei;font-size:14px;"> 最近对浏览器窗体高度,文档高度有点纠结不清,查阅一些资料之后做了一些总结,也方便日后查阅。</span>
        $(document).height();//是网页文档高度
     $("div").height();//是标签高度
     $("div").offset().top//是标签距离顶部高度     $(document).scrollTop();//是滚动条高度
     $(document).scrollLeft() //获取水平滚动条的距离
       $(this).scrollTop()>=$(document).height()-$(window).height()  // 判断页面是否滚动到底端
              对于获取页面是否滚动到底部用ps画了个图做描述,A是网页的高度,C是浏览器的高度。B是网页向上滚动超出浏览器的部分,网页向上滚动,页面到底部的临界点就是A=B+C的时候,也就是去判断当B>=A-C时(也就是说还未进入到浏览器的页面<=0,也就是网页的底部),页面已经滚动到底端了。
                                             
0 0
原创粉丝点击