滚动条滚动到底部

<div id="out-div" style="overflow-y:auto; overflow-x:hidden; height:500px;">
  <div id="inner-div" style="height:750px;">
  </div>
</div>

其实,滚动条是抽象为一个“点”来对待。

在内部div高度高于外部div高度,并且外部div允许出现垂直滚动条时,此时页面加载后会出现滚动条。

理解两个属性,scrollHeihgt、scrollTop,scrollHeight为滚动条可以滚动的滚动的距离,即内部div的高度,

scrollTop表示滚动条滚动的高度。

让滚动条到底部即$('#out-div')[0].scrollTop = $('#out-div')[0].scrollHeight-$('#out-div')[0].height()(外部div高度);

posted @ 2016-08-31 16:10  水至寒则成冰  阅读(170)  评论(0)    收藏  举报