如何確定 JavaScript 中捲軸的位置？

基於 JavaScript 的捲軸位置決定

偵測瀏覽器捲軸的位置是理解視窗目前位置的基本任務。讓我們深入研究 JavaScript 來探索這項挑戰。

最初，人們可能會考慮確定拇指沿軌道的位置，併計算其高度佔軌道總高度的百分比。然而，JavaScript 提供了一種更直接的方法。

要檢索垂直和水平滾動偏移量，請使用 element.scrollTop 和 element.scrollLeft 屬性。如果您對整個頁面感興趣，請使用 document.body 作為元素。對於百分比計算，請將這些偏移量與 element.offsetHeight 和 element.offsetWidth 進行比較（元素仍然是正文或任何其他相關元素）。

範例：

// Get the vertical scroll offset
let verticalOffset = document.body.scrollTop;

// Get the horizontal scroll offset
let horizontalOffset = document.body.scrollLeft;

// Calculate the vertical scroll percentage
let verticalPercentage = verticalOffset / document.body.offsetHeight * 100;

// Calculate the horizontal scroll percentage
let horizontalPercentage = horizontalOffset / document.body.offsetWidth * 100;

// Utilize the obtained percentages for your desired functionality

以上是如何確定 JavaScript 中捲軸的位置？的詳細內容。更多資訊請關注PHP中文網其他相關文章！