javascript - 显示最新的评论并向上滚动以查看较旧的评论

Question

我是新手，但我想知道有没有办法显示 div 中的最后一个 li

例如:我在 <div style="height:500px;overflow-y:scroll"></div> 中有 20 条评论每个<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);