Element.scrollTop小數點問題,Element.scrollTop + Element.offsetHeight == Element.scrollHeight等式成立而導致滾動加載失敗問題


原因:scrollTop可以是一個小數。
市面上各種高分屏,高DPI出現,2D渲染系統都是以浮點數定義坐標了。
(計算機無法准確的存儲整數,scrollTop=scrollTop+1px)
Element.scrollTop 屬性可以獲取或設置一個元素的內容垂直滾動的像素數。(在使用顯示比例縮放的系統上,scrollTop可能會提供一個小數。
HTMLElement.offsetHeight 是一個只讀屬性,它返回該元素的像素高度,高度包含該元素的垂直內邊距和邊框,且是一個整數
Element.scrollHeight 這個只讀屬性是一個元素內容高度的度量,包括由於溢出導致的視圖中不可見內容。(屬性將會對值四舍五入取整


方法:Element.scrollTop + Element.offsetHeight + 1 >= Element.scrollHeight
這樣可以更好地判斷滾動的位置


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM