如何在 JavaScript 中獲取元素的滾動位置

當在瀏覽器中建立用戶界面時，您可能會遇到一個可以滾動的元素，了解它目前的水平和垂直滾動位置是常見的需求。

那麼，該如何做到這點呢？

一旦獲取了該元素，您可以檢查其 scrollLeft 和 scrollTop 屬性。

0, 0 的位置始終位於左上角，因此任何滾動都是相對於該位置的。

示例：

1
2
3

const container = document.querySelector('.container')
container.scrollTop
container.scrollLeft

這些屬性是可讀寫的，因此您還可以設置滾動位置：

1
2
3

const container = document.querySelector('.container')
container.scrollTop = 1000
container.scrollLeft = 1000

tags: [“JavaScript”, “滾動位置”, “元素”]