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バージョンは、スクロールバーが設定されているscrollTop上の要素に属していない場合には動作しないことがあり55.0.2883.87

あるのです。

Answer 3

クロームで動作します。

ただし、シークレットモードでは動作しますが、通常のChromeでは動作しないように指定されているため、予想される動作を変更するウェブページに何かをしている拡張機能がインストールされている可能性があります。