如何決定跨瀏覽器的垂直滾動百分比？

跨瀏覽器決定垂直滾動百分比

決定使用者移動過的垂直滾動條的百分比是Web 中的一項關鍵任務發展。本文研究了一種在現代瀏覽器中實作跨瀏覽器相容的方法。

使用 'onscroll' 事件並存取 documentElement.scrollTop 或 body.scrollTop，我們可以獲得滾動條的當前位置。另外，documentElement.scrollHeight 或 body.scrollHeight 提供了可捲動區域的總高度。

透過組合這些值，我們可以計算滾動百分比，如下所示：

<code class="javascript">var percent = (h[st] || b[st]) / ((h[sh] || b[sh]) - h.clientHeight) * 100;</code>

其中：

• h 是documentElement 物件
• h 是documentElement 物件
• h 是documentElement 物件

h 是documentElement 物件

h 是documentElement 物件b 是body 物件st 是scrollTop 屬性sh 是scrollHeight 屬性該方法為確定垂直滾動百分比提供了準確且跨瀏覽器兼容的解決方案。它在 Chrome、Firefox 和 IE9 中運作良好，但由於瀏覽器 UI 中的自動隱藏滾動行為，它在某些行動瀏覽器上可能無法完全達到 100%。

以上是如何決定跨瀏覽器的垂直滾動百分比？的詳細內容。更多資訊請關注PHP中文網其他相關文章！