如何獲取滾動高度:使用 window.scrolly 或 document.scrollingelement.scrolltop 屬性獲取當前可見區域頂部到文檔頂部的像素數。
如何在 JavaScript 中獲取滾動高度
獲取滾動高度的方法
在 JavaScript 中,獲取滾動高度有兩種主要方法:
1. window.scrollY
window.scrollY 屬性表示文檔從頂部滾動到當前可視區域頂部的像素數。
對于較舊的瀏覽器,可以使用 document.documentElement.scrollTop 代替。
2. document.scrollingElement.scrollTop
document.scrollingElement.scrollTop 屬性表示文檔從頂部滾動到當前可視區域頂部的像素數。
它是 window.scrollY 的現代替代方案,適用于所有現代瀏覽器。
示例
以下代碼片段演示了如何使用 window.scrollY 獲取滾動高度:
const scrollHeight = window.scrollY; console.log("當前滾動高度:" + scrollHeight);
登錄后復制
以下代碼片段演示了如何使用 document.scrollingElement.scrollTop 獲取滾動高度:
const scrollHeight = document.scrollingElement.scrollTop; console.log("當前滾動高度:" + scrollHeight);
登錄后復制
注意:
這些方法返回的值以像素為單位。
滾動高度可能因瀏覽器、設備和文檔大小而異。