2

だから私は現在このソリューションを使用して、次のようなものを書いてdivを一番下までスクロールしています

$(document).ready(function() {
    $('#comment_list').scrollTop($('#comment_list').scrollHeight)
}

しかし、私が.append()何かをしようとすると#comment_list、上記のコードを実行することに気づきました。実際には一番下までスクロールしません（おそらく.scrollHeight静的な値ですか？）。

たとえば、これは機能しません

$('#comment_list').append('<div>something</div>').scrollTop($('#comment_list').scrollHeight)

これも

$('#comment_list').append('<div>something</div>')
$('#comment_list').scrollTop($('#comment_list').scrollHeight)

他の「トリック」などを使用する必要がありますか？

ヒントや提案を歓迎します。前もって感謝します！

4

2 に答える 2

3

これでうまくいくはずです：

$('#comment_list').append( '<div>something</div>' );
$('#comment_list').scrollTo( '100%' );

この jsFiddleサンプルを確認してください。

ソース

于 2012-04-27T15:43:23.640 に答える
0

scrollTop関数はイベントで呼び出されます$(document).ready()。

DIVこのイベントは、クライアント側でコンテンツを追加する場合には発生しません。

そのため、コンテンツを追加した後、scrollTopもう一度 を呼び出して正しく設定する必要があります。

$('#comment_list').append('<div>something</div>');
$('#comment_list').scrollTop('100%');

HTH

于 2012-04-27T15:49:58.637 に答える