滚动条判断是否滑动到顶部底部

samool

2020 年 04 月 19 日

5384 次浏览

暂无评论

601字数

享生活

AI摘要

本文介绍了如何使用JavaScript和jQuery检测滚动条是否滑动到页面的顶部或底部。通过计算滚动距离总长、当前位置、页面高度和padding，可以判断滚动条是否到达底部，并在到达底部时执行特定操作，如自动跳转到第二页。

本文介绍了如何使用JavaSc

<!--滚动条到达底部时自动跳转到第二页-->
<script language="javascript">
     $(document).ready(function (){
       var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度)
       var nScrollTop = 0;   //滚动到的当前位置
       var nDivHight = $(".page").height();
       $(".page").scroll(function(){
         nScrollHight = $(this)[0].scrollHeight;
         nScrollTop = $(this)[0].scrollTop;
　　　　　var paddingBottom = parseInt( $(this).css('padding-bottom') ),paddingTop = parseInt( $(this).css('padding-top') );
         if(nScrollTop + paddingBottom + paddingTop + nDivHight >= nScrollHight)
           alert("滚动条到底部了");
         });
     });
</script>