如何在 JavaScript 中取得滾動條位置？

使用 JavaScript 取得捲軸位置

要確定網頁上的目前視圖位置，您可以使用 JavaScript 確定捲軸位置。本指南將示範如何實現這一點。

要取得捲軸位置，您可以利用 element.scrollTop 和 element.scrollLeft 屬性。這些屬性分別傳回已捲動的 element 元素的垂直和水平偏移。如果您對整個頁面感興趣，可以將 element 設定為 document.body。

要確定百分比，您可以將偏移值與 element.offsetHeight 和 element.offsetWidth 進行比較。再次強調，element 可以是文檔主體。

以下是示範這些屬性用法的範例程式碼片段：

// Get the vertical scroll position of the document
const verticalScrollPos = document.body.scrollTop;

// Get the horizontal scroll position of the document
const horizontalScrollPos = document.body.scrollLeft;

// Get the height and width of the document
const documentHeight = document.body.offsetHeight;
const documentWidth = document.body.offsetWidth;

// Calculate the percentage of the vertical scroll position
const verticalScrollPercentage = (verticalScrollPos / documentHeight) * 100;

// Calculate the percentage of the horizontal scroll position
const horizontalScrollPercentage = (horizontalScrollPos / documentWidth) * 100;

以上是如何在 JavaScript 中取得滾動條位置？的詳細內容。更多資訊請關注PHP中文網其他相關文章！