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

它工作在鉻。 這裏有一個的jsfiddle scrollTop test

我的Chrome版本55.0.2883.87

如果滾動條不屬於元素scrollTop正在建立它可能無法正常工作。

Answer 3

它在鉻中工作。

但是，因爲您指定它可以在隱身模式下運行，但不適用於您的普通Chrome瀏覽器，所以您可能會安裝一個擴展程序，用於改變預期行爲的網頁。