firefox scrollHeight vs overflow

firefox scrollHeight vs overflow

本文关键字：overflow vs scrollHeight firefox      更新时间：2023-09-26

演示

HTML:

<div id="relative">
  <div id="absolute"></div>
</div>

CSS:

#relative {
  position : relative;
  width    : 200px;
  height   : 200px;
  overflow : visible;
}
#absolute {
  position   : absolute;
  width      : 200px;
  height     : 300px;
  background : #eee;
}

JavaScript:

console.log($("#relative").get(0).scrollHeight);
$("#relative").css({
  "overflow-x" : "hidden",
  "overflow-y" : "scroll"
});
console.log($("#relative").get(0).scrollHeight);

它在chrome中返回"300300"，在firefox中返回92000。

有没有一种方法可以在不改变溢出的情况下检测"300"？

没有滚动条=没有滚动高度。

当元素的内容没有生成垂直滚动条时，其scrollHeight属性等于其clientHeight属性。

https://developer.mozilla.org/en-US/docs/DOM/element.scrollHeight

相关文章：