firefox scrollHeight vs overflow

Question

demo

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中返回“300,300”，在firefox中返回9，“200,300”。

有没有办法在不改变溢出的情况下检测“300”？

Answer 1

没有滚动条=没有scrollHeight。

  

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

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