无法修复底部的滚动条

时间:2015-11-04 06:42:11

标签: jquery html css

我无法将滚动条保留在div的底部

这是我的div结构

<div class="scrolling" style="height: 500px; overflow-y: scroll;">
      <div>This div contains my dynamic data from database which can be over 500px in height</div>
</div>

这是我到目前为止所做的事情

$(document).ready(function(){
   setInterval(function() {
     $(".scrolling").animate({ scrollTop: $(document).height() }, "fast");
   }, 1500);
});

只要数据的总高度低于或等于500px,它就可以正常工作但是如果我的动态数据的高度超过500px,那么我的滚动条会在高度正好500px处停止,即使这不是底部的滚动

1 个答案:

答案 0 :(得分:0)

试试这个: -

$(document).ready(function(){
   setTimeout(function() {
     $(".scrolling").animate({ 
         scrollTop: $('.scrolling').prop("scrollHeight")
     }, "fast");
   }, 1500);
});

Fiddle