jqueryを使用して、スクロールバーをページの下部にロックしますか?
-
27-10-2019 - |
質問
クライアント側にjQueryを使用して、ログ「Tail -F」アプリケーションを書いています。現在、アプリケーションは2秒ごとにAjaxリクエストをサーバーにリクエストし、新しいログコンテンツを既存のものに追加することで機能します <PRE>
ページのタグ(この投稿に触発されました)。これはすべて美しく機能しています。
私の問題は、新しいコンテンツがページに追加されますが、すぐに表示されないことです。つまり、すべての新しいログメッセージは、スクロールバーをより高く押します。
すべてのコンテンツがリアルタイムで表示されるのを見ることができるように、スクロールバーをページの下部に「ロック」したままにしたいと思います。私はもともと、jscrollpaneを使用してスクロールバーを「ロック」することを検討していましたが、今ではページの下部に焦点を合わせる簡単な方法があると考えています...
解決
あなたは作る必要があります scrollTop
= scrollTHeight
var divx = document.getElementById("whatever");
divx.scrollTop = divx.scrollHeight;
で作業例を確認してください http://jsfiddle.net/sjshe/3/
他のヒント
以下を試すことができます。 Stackoverflow:scroll-to-bottom-of-bottom. 。私はこれをテストしていませんが、これを完了したときにこれをajaxリクエストにタックすると、それをしたいと思うべきだと思われます。
使用できます スクロールする プラグイン。
コンテンツがajax通話から戻ってきたら、電話をかけることができます $.scrollTo('max')
下にスクロールします。または、スクロール可能なアイテムがウィンドウでない場合は、セレクターを使用してください。
所属していません StackOverflow