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);