1、?<script type="text/javascript">
????? $(document).ready(function (){
??????? var nScrollHight = 0; //滾動距離總長,即750px
??????? var nScrollTop = 0;?? //滾動到的當前位置
??????? var nDivHight = $("#div1").height();? //即500px
?
??????? $("#div1").scroll(function(){
????????? nScrollHight = $(this)[0].scrollHeight;
????????? nScrollTop = $(this)[0].scrollTop;
????????? if(nScrollTop + nDivHight >= nScrollHight)
??????????? alert("滾動條到底部了");
????????? });
????? });
? </script>

說明：需要有某個div的Id為#div1

?

?

2、?$(document).ready(function(){
??$(window).scroll(function(){
???if($(document).scrollTop()+1200 > $(document).height())

　　　　LoadMoreInfo();
??});
?});

?

說明：LoadMoreInfo（）；是滾動條觸發的事件

?

滾動條事件可以用于瀑布流

轉載于:https://www.cnblogs.com/qiyongliang/p/3504045.html

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的滚动条添加事件的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。