0

所以我制作了这个脚本，它使用 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>
4

1 回答 1

1

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

$('.kaka').animate({scrollTop: $('.kaka').attr('scrollHeight')});

于 2013-05-19T13:07:07.807 回答