我需要这两个元素属性的帮助。
根据MDN element.scrollHeight“这是元素滚动视图的高度;它包括元素填充但不包括其边距”和element.offsetHeight“通常,元素的offsetHeight是包含的度量元素边框,元素垂直填充,元素水平滚动条(如果存在,如果渲染)和元素CSS高度。“
我正在尝试调试一些javascript代码并且不明白为什么document.body.scrollHeight可以大于document.body.offsetHeight?
例如,我的document.body.offsetHeight = 909,但是document.body.scrollHeight = 1059(正文没有任何边距或填充或边框),所以我们在某处丢失了150px。我检查了身体,身高= 909,这让我非常困惑。这在chrome和firefox中再现。
你可以帮我解决这个问题吗?
答案 0 :(得分:3)
offsetHeight属性描述了活动窗口中当前可用空间顶部的距离。 scrollHeight属性是从包含的内部顶部到内部底部的像素的距离,这与设置为具有overflow:scroll css属性的有限高度的容器上的clientHeight不同。
的项目中使用了大部分这些项目