盒子上下滚动到js 底部触发的事件

//html是用法举列子，js亲测有效(把这段js#scro加到你要滚动的盒子)

<div id="scro">
 　　<div>1</div>
　　<div>2</div>
　　<div>3</div>
　　<div>4</div>
　　<div>5</div>
　　<div>6</div>
　　<div>7</div>
</div>

//js上拉搜素分页
$('#scro').scroll(function(){
    //获取可见高度
    var viewH =$(this).height();
    //获取内容高度
    var contentH =$(this).get(0).scrollHeight;
    //滚动高度
    var scrollTop =$(this).scrollTop();
    //滚动底的高度
    var canHeight = contentH - viewH - scrollTop;
    if(canHeight<1) {
        //滚动底部加载事件
        console.log('到底啦');
    }
});