阅读量:139
scrollHeight属性在不同浏览器中的表现基本一致，但在某些细节上存在差异。以下是scrollHeight属性在不同浏览器中的表现：
浏览器差异
- Chrome、Firefox、Opera：当网页实际内容高度大于
clientHeight时，scrollHeight和offsetHeight设定为网页内容高度，具体为实际内容高度+滚动条高度+网页边框高度。当网页实际内容高度小于clientHeight时，scrollHeight设定为clientHeight，offsetHeight设定为网页内容实际高度，具体为实际内容高度+滚动条高度+网页边框高度。 - IE：IE浏览器下
scrollHeight的计算方式与其他浏览器有所不同，具体表现为document.documentElement.scrollHeight等于<html>标签下内容的实际高度，包括<body>标签的border、margin、padding；而document.body.scrollHeight等于<body>标签下包括padding在内的样式实际高度，不包括<body>标签的border、margin。
兼容性
- 现代浏览器：在现代浏览器中，包括Chrome、Firefox、Opera以及Safari，
scrollHeight属性几乎没有兼容性问题，可以放心使用。
注意事项
- 在使用
scrollHeight属性时，开发者需要注意不同浏览器在计算滚动高度时可能包含的元素不同，例如IE浏览器会包含<body>标签的边框、外边距和内边距，而其他浏览器可能只包含内容区域的高度。
综上所述，尽管scrollHeight属性在不同浏览器中的表现基本一致，但在实际开发中仍需注意浏览器之间的细微差异，并进行适当的兼容性处理。