こんにちは。
下にスクロールできるdivがあります。
html
1<div class="mess"></div>
CSSはこんな感じです。
css
1.mess { 2 height: 250px; 3 overflow-y: auto; 4}
divには、あるイベントで下のような要素をappendしています。
html
1<div class="mess_child">...</div>
(そのイベントは何回も発生します。)
で、その要素は常に一番最後の.mess_childにのみ#latestを付与しています(前のlatestを削除する処理はできています)。
それで、どんどん要素が追加されるのですが、
heightが250pxですので、それを超えると.messからはみ出て表示されなくなります。
スクロールすれば表示されますが、それをjQueryで自動的に下までスクロールしたいのです。
というところまではできています。
こんなコードを書きました。
javascript
1var pos = $("#latest").position(); 2$(".mess").scrollTop(pos.top);
ところがです。
ある一定のheight以上になると、なぜか変な位置までしかスクロールしてくれないのです。
コードに問題があるのでしょうか?
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。