沒有動畫的滾動 JavaScript

Question

我想做一個急劇的向上滾動。

window.scrollTo(0, 0)

平滑滾動，如何在沒有動畫的情況下向上滾動？

Answer 1

您可以使用document.documentElement.scrollTop = 0; 對於 Chrome、Firefox、IE、Opera 和 Edge 瀏覽器和document.body.scrollTop = 0對於 Safari 瀏覽器

Answer 2

您傳遞一個對象而不是位置，如下所示：

 element.scrollTo({ top: 0, left: 0, behavior: 'instant' });

行為由瀏覽器默認選擇，在 chrome 中它使用平滑，在 webkit 瀏覽器中，默認是即時的。

https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollTo

Answer 3

scroll-behavior: smooth;

您可以順利使用它。

如果你不想順利，使用這個：

scroll-behavior: auto;