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

那麼,該如何做到這點呢?

一旦獲取了該元素,您可以檢查其 scrollLeftscrollTop 屬性。

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

示例:

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

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

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