jQuery判断Div滚动条是否拉倒底部

admin

1. <div style="height: 600px; overflow-y: scroll;" class="scroll_wrap">
   
2. html....
   
3. </div>   
   
4. 
   
5. <script>
   
6.     require(['jquery'], function($) {
   
7.         var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度)
   
8.         var nScrollTop = 0;  //滚动到的当前位置
   
9.         var nDivHight = $(".scroll_wrap").height();
   
10. 
    
11.         $(".scroll_wrap").scroll(function(){
    
12.             nScrollHight = $(this)[0].scrollHeight;
    
13.             nScrollTop = $(this)[0].scrollTop;
    
14.             if(nScrollTop + nDivHight >= nScrollHight) {
    
15.                 TODO...//滚动条到达底部之后的动作
    
16.             }
    
17.         });
    
18.     })
    
19. </script>

复制代码