JS DIV滚动条 下拉到底部触发事件

1.针对浏览器窗口滚动

<script type="text/javascript">
        var pageNum = 1;
　　　　  //获取数据方法
        function GetPageData() { 

        }
　　　　　//分页
        $(window).scroll(function () {  
　　　　　　　　//滚动到底部时
　　　　　　　　if ($(window).scrollTop() + $(window).height() == $(document).height()) {   
　　　　　　　　　　pageNum += 1;
 　　　　　　　　　GetPageData(); 
　　　　　　 }
　　　　}); 
</script>

2.针对div的滚动条

<div class="default-scrollbar" style="height: 500px; overflow: auto;">
内容
</div>
<script>

//滚动条拖动到底事件， 注意：含有css类名为：default-scrollbar 的div 要出现 滚动条 此函数(scroll)才会触发
$('.default-scrollbar').unbind("scroll").on("scroll", function (e) {
　　//滚动条距顶部距离(页面超出窗口的高度)
　　var sum = this.scrollHeight;
　　var $obj = $(this);
　　//判断滚动条是否 到达了 底部 ， $obj.scrollTop()：滚动条距顶部距离(页面超出窗口的高度) ，$obj.height()：当前（div）滚动窗口的高度
　　if (sum <= $obj.scrollTop() + $obj.height()) {
　　　　//的滚动条-滚动到底时需要处理的逻辑

　　　　console.log("滚动条到达浏览器底部");

　　}
});

</script>