CSS解决方案 - 始终将溢出文档滚动到底部

Question

我有一个overflow: scroll的div，我希望它始终沿着Y轴滚动到底部，无论它有什么内容。 （想想聊天线程，它始终在底部显示最新消息。）

我看到有一些jQuery解决方案在添加新消息时将div滚动到它的高度，但我想知道是否有任何纯CSS解决方案吗？

谢谢！

Answer 1

不幸的是，使用纯CSS无法实现，但您可以使用纯js来获取带有elem.scrollHeight的元素的总可滚动高度，并使用elem.scrollTop将元素滚动到该位置

you can see in this example

js代码是：

var elem = document.querySelector("theElementClass");
var elemHeight = elem.scrollHeight;
elem.scrollTop = elemHeight;

希望这会有所帮助。 = d