Overflow-y：滚动并滚动显示最后一个元素

Question

我正在尝试进行简单的聊天。一切都还可以但是当消息到达容器的底部时，滚动出现并隐藏最后一个溢出的元素......这是正常的。我想知道是否有可能只使用没有JavaScript的CSS显示最后一个元素？

Answer 1

在最后一个元素上使用一些填充或边距，然后它将显示在底部滚动条的高度之上。这可能就是诀窍：

p:last-child {
    margin-bottom: 32px;
}