无法修复底部的滚动条

Question

我无法将滚动条保留在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处停止，即使这不是底部的滚动

Answer 1

试试这个： -

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

Fiddle