4


0

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

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

これがSassです

#output:margin 0 0 10px 0:padding 10px:height 500px:オーバーフロースクロール:background#111111:border 1px solid#000000:color#8e8e8e

そしてハムルはただ単純です

#output = @output

1 Answer


2


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

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

見る

http://www.kisdigital.com/index.cfm/2008/9/7/Using-jQuery-to-Scroll-to-the-bottom-of-an-Element[jQueryを使って要素の一番下までスクロールする] ]