javascript - 最新のコメントを表示し、上にスクロールして古いコメントを表示します

Question

私はこれに慣れていませんが、div内にある最後のliを表示する方法があることを知りたいです

例: 内に 20 個のコメントがあり、<div style="height:500px;overflow-y:scroll"></div>それぞれ<li>の高さが異なり、の高さを超えています<div>。div 内を最初と最後のコメントまでスクロールできます

私がやりたいのは、ページが読み込まれたときに最後のコメントを表示したいということです。ユーザーが望む場合は、上にスクロールして古いコメントを表示できます。

Answer 1

var commentDiv = $('#myDiv');
var distanceToScroll = commentDiv.innerHeight();

commentDiv.scrollTop(distanceToScroll);

上記のコードでは、コメントが表示領域より長く、コメントの上部が表示されない場合があります。

それで、

var lastComment = commentDiv.find('.comments').last();
distanceToScroll -= (lastComment.outerHeight() - 10);