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

使用 JavaScript 確定滾動條位置

導航網頁時，通常需要確定滾動條的位置以了解當前視圖。與您最初的預感不同，JavaScript 提供了一個簡單的解決方案，無需計算拇指和軌道尺寸。

解決方案：

JavaScript 為元素提供了scrollTop 和scrollLeft 屬性，例如代表整個頁面的document.body。這些屬性分別提供垂直和水平滾動位置。

要取得捲軸的百分比偏移量，您可以將滾動位置與元素的總高度或寬度進行比較。對於頁面，相應地使用 document.body.offsetHeight 和 document.body.offsetWidth。

程式碼範例：

// Get the scrollbar position from the body
var scrollTop = document.body.scrollTop;
var scrollLeft = document.body.scrollLeft;

// Calculate the percentage offset of the scrollbar
var percentScrollTop = scrollTop / (document.body.scrollHeight - document.body.offsetHeight);
var percentscrollLeft = scrollLeft / (document.body.scrollWidth - document.body.offsetWidth);

透過使用scrollTop和scrollLeft，您可以輕鬆確定目前捲軸位置及其對應的百分比偏移量，方便增強Web應用程式與頁面滾動的互動。

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