jQueryプラグインscrollToはコンソールからしか動作しません

Question

新しく作成されたdivsのscrollToに問題がありますが、append（）を介してDOMに追加しています。何らかの理由で私はコード内からスクロールできませんが、コンソールコマンドからのみ、またはボタンを追加してスクロールイベントをそのように呼び出すと動作します。

コード：

$('#history').scrollTo('max'); 

のみコンソールからの作品やボタンに取り付けられています。

編集：ヒストリー部門にはオーバーフローがあります：自動、それが原因であるかどうかわかりません。

Answer 1

DOMに新しい要素を追加した直後に「scrollTo」を呼び出していますか？

DOMレイアウトが再計算される可能性は低いです。要素間の相対オフセット値は、現在のスクリプト処理が終了するまで更新されません。

2つの回避策：

1. setTimeout("$('#history').scrollTo('max')", 1); // Call this after you append your element. This will allow the stack to unwind and update the DOM positions 

2. $('#history').scrollTo(0, 9999); // Where "9999" is a value far larger than the actual height of the control. 

Answer 2

これは、関数を呼び出すときに実際に存在しない要素にscrollTo()を添付しようとしていることを示します。それがコンソールで動作するという事実はこれを示唆しています。その場合、1つの方法は、たとえば、 livequeryのようなライブラリを作成するか、これらの要素が追加された後にこれらの要素に対して単にscrollTo()関数を呼び出します。