當在瀏覽器中建立用戶界面時,您可能會遇到一個可以滾動的元素,了解它目前的水平和垂直滾動位置是常見的需求。
那麼,該如何做到這點呢?
一旦獲取了該元素,您可以檢查其 scrollLeft
和 scrollTop
屬性。
0, 0
的位置始終位於左上角,因此任何滾動都是相對於該位置的。
示例:
const container = document.querySelector('.container')
container.scrollTop
container.scrollLeft
這些屬性是可讀寫的,因此您還可以設置滾動位置:
const container = document.querySelector('.container')
container.scrollTop = 1000
container.scrollLeft = 1000