4

#outputというdivがあり、オーバーフローでスタイル設定されています:scroll; 。jQuery.ajaxを使用すると、x秒ごとに更新されます。スクロールバーが表示されたときに(divがいっぱいになった後)、ほとんどのチャットクライアントのように、divの上部ではなく下部に継続的に表示されるようにしたいと思います。

私はこれを行う方法があると確信しています、私はそれを見つけることができないようです。

これがサスです

#output
  :margin 0 0 10px 0
  :padding 10px
  :height 500px
  :overflow scroll
  :background #111111
  :border 1px solid #000000
  :color #8e8e8e

そしてHamlは単純です

#output
  = @output
4

1 に答える 1

2
$("#output").attr({ scrollTop: $("#output").attr("scrollHeight") });


$("#output").animate({ scrollTop: $("#output").attr("scrollHeight") }, 3000);  
// animated

見る

jQuery を使用して要素の一番下までスクロールする

于 2009-09-09T06:22:20.620 に答える