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

Question

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

例如：我在<div style="height:500px;overflow-y:scroll"></div>内有20条评论<li>每个<div>的高度会有所不同，并且它会超过{{1}}的高度。所以我们可以在div内滚动到第一个和最后一个评论

我想要做的是当页面加载时我希望显示最后一条评论然后如果用户希望他可以向上滚动以查看较旧的评论。

Answer 1

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

commentDiv.scrollTop(distanceToScroll);

可能会发生评论可能比可见区域更长的情况，并且使用上述代码可能无法看到评论的顶​​部。

然后，

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