Question

所以我制作了这个脚本，用jQuery在不同的时间戳上每行推送文本.txt文档行。问题是，一旦DIV被填满，更新将继续，但除非访问者向下滚动，否则不可见。有没有办法让scollbar固定在底部，以便它遵循所有更新？

此外，对于从我的kaka.txt中提取的文本进行随机化也是很好的补充，所以它并不总是按照相同的顺序进行。

这是我的剧本：

    <div class="kaka" style="height: 200px; width: 300px;">


  <?php include('kaka.txt'); ?>


 </div>

 <script type="text/javascript">
  $(document).ready(function() {

   var pirmais = $('.kaka div:first-child');
   pirmais.fadeIn().addClass('toms');
   pirmais.next().addClass('sitais');
   var kaka = function() {
    $('kaka div').not('.toms').hide();
    var nakam = $('.sitais');
    var pedejais = nakam.attr('pedejais');
    if (pedejais == '1') {
     $('.kaka div').clone().appendTo('.kaka').removeClass('toms').hide();
    }
    else {

    }
    nakam.fadeIn().addClass('toms');
    $('.kaka div').removeClass('sitais');
    nekst = nakam.next().addClass('sitais');
   };
   (function loop() {
       var rand = Math.round(Math.random() * (3000 - 500)) + 500;
       setTimeout(function() {
               kaka();
               loop();  
       }, rand);
}());
  });
 </script>

Answer 1

在nekst = nakam.next（）之后添加以下内容.addClass（'sitais'）;

$（'。kaka'）。animate（{scrollTop：$（'。kaka'）。attr（'scrollHeight'）}）;

当DIV溢出时，一直向下滚动滚动条？

1 个答案: