Jquery判断滚动条是否在底部和控制滚动条滑动到底部

界面

<div class="msgList">
</div>

1.判断滚动条是否在底部

//判断滚动条是否到底部
$(".msgList").scroll(function(){
    var scrollTop = $(this).scrollTop();
    var scrollHeight = $(this)[0].scrollHeight;
    var windowHeight = $(this).height();
    if(scrollTop + windowHeight == scrollHeight){
        alert("滚动到底部");
    }
});

2.控制滚动条滑动到底部

//滚动条滚动到底部
//$(".msgList").scrollTop($(".msgList")[0].scrollHeight);
//添加滚动动画
$(".msgList").animate({scrollTop:$(".msgList")[0].scrollHeight}, 800);