🔸.scrollBox

browser ⟩ DOM ⟩ type ⟩ Element ⟩ boxes ⟩ Element+boxes ⟩ .scrollBox

( .scrollWidth, .scrollHeight ) = .paddingBox + overflow

🗺️ 圖表

• 💾 Element+boxes

elem.scrollBox

⭐️ 重點

• .paddingBox：.clientWidth/.clientHeight = content + padding

• .scrollBox ：.scrollWidth/.scrollHeight = content + padding + overflow

• if no overflow, they are the same.

• ( .scrollWidth, .scrollHeight ) will round to integer.

• use elem.getBoundingClientRect(), if fractional value is needed.

👥 相關

• box models

• element .paddingBox

• document document size

• viewport size.

• CSS overflow

📗 參考

• JS.info ⟩ Element size and scrolling ⟩ scrollWidth/scrollHeight

📘 手冊

• Element ⟩

  • .clientWidth, .clientHeight

  • .scrollLeft, .scrollTop, .scrollTo(), .scrollWidth, .scrollHeight

• Window ⟩

  • .scrollX, .scrollY