scrollToを使ったスクロール位置調整の不具合

2024/02/15に公開

ドロワーを開くタイミングなどで scrollTo(0, 0) を用いてスクロールをリセットする際に、スクロールエリアが真っ白になる現象に遭遇することがありました。
そんな時はまずoverflow: hiddenでスクロールを固定してからリセットするとうまくいくかもしれません。

問題

scrollArea.scrollTo(0, 0);

解決方法

scrollArea.style.overflow = "hidden";
scrollArea.scrollTo(0, 0);
// 終わったら外しておきましょう
scrollArea.style.overflow = "";

Discussion