Home/ Questions/Q 6853493
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T01:31:06+00:00

I need help with this two elements properties. According MDN element.scrollHeight this a height

  • 0

I need help with this two elements properties.

According MDN element.scrollHeight “this a height of the scroll view of an element; it includes the element padding but not its margin”, and element.offsetHeight “Typically, an element’s offsetHeight is a measurement which includes the element borders, the element vertical padding, the element horizontal scrollbar (if present, if rendered) and the element CSS height.”

I am trying to debug some javascript code and don’t understand why document.body.scrollHeight can be greater than document.body.offsetHeight?
For example, my document.body.offsetHeight=909, but document.body.scrollHeight=1059 (body don’t have any margins or paddings or borders), so we lost 150px somewhere. I inspected body and it height=909, and this is very confuse me. This reproduced in chrome and firefox.

Can you please help me in this question?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    The offsetHeight property describes how far from the top of the current available space in the active window. The scrollHeight property is how far in pixels from the inside top of a contain to the inside bottom, which is different than clientHeight on a container set to a limited height with overflow:scroll css property.

    I am using most of these in project I am working on at http://prettydiff.com/jsgui/

    • 0