我想使用 JS 來計算用戶向下滾動頁面的距離。
我正在嘗試使用scrollY和的組合document.body.offsetHeight
但是我發現scrollY頁面底部正在回傳6883,但document.body.offsetHeight回傳的值是7392- 這讓我無法計算用戶向下滾動檔案的距離。
https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/offsetHeight
通常,offsetHeight 是以像素為單位的元素 CSS 高度的度量,包括任何邊框、填充和水平滾動條(如果呈現)。它不包括偽元素的高度,例如 ::before 或 ::after。對于檔案正文物件,測量包括總線性內容高度而不是元素的 CSS 高度。延伸到其他線性內容下方的浮動元素將被忽略。
因此,如果我理解正確,它會考慮到視口中的檔案 - 因此應該回傳 的值6883,如果用戶滾動頁面的整個長度,則相同。
您使用什么屬性來計算檔案的完整可滾動視圖,以與 的最大值進行比較scrollY?
uj5u.com熱心網友回復:
請嘗試使用document.body.offsetHeight-window.innerHeight它應該回傳預期的可滾動值。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/466435.html
標籤:javascript dom 滚动 滚动条 文档
