Javascript Element.scrollHeight与height（）方法返回的高度之间的差异

Element.scrollHeight

与JQuery

$（ElementSelector.height（）

方法返回的高度有什么区别

我已经看到并且知道，

scrollHeight

是内容的高度，包括溢出到视口外的内容。我的问题是，这与

height（）

方法返回的高度不一样。我写这篇文章就是为了证明这一点。

height（）：

返回元素的实际高度（以像素为单位）

滚动高度（）：

是元素内容高度的度量，包括由于溢出而在屏幕上不可见的内容

---

了解更多信息。

另一个区别是

height属性设置元素的高度，不包括填充、边框或边距；它设置元素的填充、边框和边距内区域的高度

scrollHeight包括元素的填充，但不包括其边框或边距

---

这里有一把与索拉夫的答案相配的基本小提琴。高度也算作填充，而高度不算作填充@谢谢你，如果你能写下来作为答案，我想把它标记为接受答案