web-dev-qa-db-ja.com

オーバーフロー時に下に自動スクロール

jquery(または簡単なjqueryソリューションがない場合はJavaScript)のイベントによってスクロール可能な領域の下部に自動的にジャンプする方法を誰かが知っていますか?

よろしく

23
Phil Jackson
_<div id="myDiv" style="height:300px;overflow:auto;">
    <p>my content here</p>
</div>

var myDiv = $("#myDiv");
myDiv.animate({ scrollTop: myDiv.attr("scrollHeight") - myDiv.height() }, 3000);
_

編集:

jQuery 1.6は_.prop_を導入し、_.attr_の意味を変更したため、$("#someDiv").attr("scrollHeight")は機能しなくなりました。

次のように変更する必要があります:$("#someDiv").prop("scrollHeight")

参考

35
PetersenDidIt
myDiv.attr("scrollHeight")

最近のjQueryバージョンでは機能しません。次の手段を講じる必要があります。

myDiv[0].scrollHeight
5
eleotlecram

mm.prop("scrollHeight")がトリックを実行します(jQuery 1.6以降の場合)。

0
olikaf