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

使用JavaScript 取得捲軸位置

偵測瀏覽器中捲軸的位置對於決定目前視圖在頁面中的位置至關重要。 JavaScript 提供了一種更簡單的解決方案，而不是依賴追蹤拇指和軌道高度的複雜方法。

要存取捲軸位置，您可以利用屬性 element.scrollTop 和 element.scrollLeft。這些屬性分別提供已滾動的垂直和水平偏移。如果您希望捕獲整個頁面的滾動，則 element 可以引用 document.body。

要計算百分比，您可以將這些值與 element.offsetHeight 和 element.offsetWidth 進行比較。下面的程式碼片段示範如何使用這些屬性：

// Get the scrollbar positions
const scrollTop = document.body.scrollTop;
const scrollLeft = document.body.scrollLeft;

// Calculate the scroll percentages
const scrollTopPercentage = scrollTop / document.body.offsetHeight;
const scrollLeftPercentage = scrollLeft / document.body.offsetWidth;

// Log the scrollbar positions and percentages for debugging
console.log('Scrollbar Positions: Y: ', scrollTop, ' X: ', scrollLeft);
console.log('Scrollbar Percentages: Y: ', scrollTopPercentage, ' X: ', scrollLeftPercentage);

透過使用這些屬性和計算，您可以有效地確定瀏覽器視窗中捲軸的位置，並精確定位目前視圖在頁面中的位置位於。

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