如何让滚动条始终保持在底部

• 需求：假设我有一个名为box的盒子，当内容撑大时会出现滚动条，每次我事件触发时，滚动条都在底部。

<div class="box">内容</div>

<script>

　　var el_height = $('.box').scrollHeight   ===>  获得滚动条的高度

　　$('.box').scollTop(el_height)  ===> 设置滚动条的位置，滚动到底部

</script>

• 需求：如何判断滚动条是否滑到底部？

//scrollHeight 整个滚动区域的长度
　　$('.box')[0].scrollHeight
//scrollTop 滚动条距离上边的距离 clientHeight 滚动条自身的长度
　　$('.box').scrollTop()+$('.box')[0].clientHeight
// 当整个滚动区域长度scrollHeight === scrollTop + clientHeight的值那么滚动条就已经到底了

• 需求：滚动条滚动的事件？

onscroll