2 
<div id="test" style="height:200px;overflow:scroll;">
  ...large amount text...
  <div id="bottom"></div>
</div>

セッション全体を通して、jQuery はより多くのテキストを に挿入し#testます。

問題は、テキストが折りたたみを超えると、手動でスクロールしないと表示されないことです。これを改善するために、 にスキップするようにしました#bottom。問題は、これによりページの残りの部分が中断され#bottom、ユーザーがその時点でページのどこにいるかに関係なく、ページがジャンプして戻ることです。

ウィンドウを上にジャンプさせずに、スクロールを下にフォーカスしたままにするにはどうすればよい#bottomですか? これを行う別の方法は何ですか？

4

1 に答える 1

2

私は最近似たようなことをしなければなりませんでした。

さらにテキストが挿入されるたびに、これを実行できます。

$("#test").scrollTop($("#test")[0].scrollHeight);

これにより、テスト div の一番下までスクロールします。

于 2012-12-26T02:48:40.927 に答える