Javascript scrollTop=scrollHeight在Chrome中不起作用

当新消息出现时，我会滚动一个聊天框，它在Firefox和Chrome incognito中运行良好，但不是普通的Chrome。这背后的原因可能是什么

我的简单滚动代码：

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

它在铬合金中工作。 这是一个JSFIDLE

我的Chrome版本是55.0.2883.87

---

如果滚动条不属于正在设置的

scrollTop

上的元素，则它可能不起作用。

它在chrome中起作用

---

但是，由于您被指定在匿名模式下工作，而不是在普通的Chrome中工作，因此您可能安装了一个扩展，该扩展正在对网页执行某些更改预期行为的操作。

除非您将容器样式设置为

溢出：自动

，否则您的脚本将无法在Chrome中工作，或

溢出：滚动
。否则，Chrome将忽略setter

因此，您的脚本很好，缺少样式