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>


最后修改:2020 年 04 月 19 日
点赞的人是最酷的