scrollTop = scrollHeight在Chrome中不起作用

Question

我正在滚动聊天框，因为有新消息进入，并且它在Firefox和Chrome中无法正常使用，但不是普通的Chrome。这背后的原因可能是什么？

我的简单滚动代码：

var container = document.querySelector(".dc-messages-container");
container.scrollTop = container.scrollHeight;

Answer 1

除非您将容器样式设置为overflow: auto或overflow: scroll，否则您的脚本无法在Chrome中运行。否则Chrome会忽略element.scrollTop设置器。

所以，你的脚本很好，缺少样式。

Answer 2

它适用于chrome。 这是一个JSFiddle scrollTop test

我的Chrome版本为55.0.2883.87

如果滚动条不属于scrollTop上的元素，则可能无效。

Answer 3

它在chrome中有效。

但是，由于您已经指定它可以在隐身模式下工作但不适用于普通Chrome，因此您可能会安装一个扩展程序，该扩展程序会对更改预期行为的网页执行某些操作。