jquery - 如何使用 jQuery 获取 div 的全部内容的高度？

Question

我正在尝试创建自己的滚动条。我已经尝试了大部分 jquery 滚动条插件，但似乎没有一个适合我，所以我决定创建自己的。我有一个包含可滚动内容的溢出区域。如果我能够计算出可滚动内容区域的高度，我就可以让滚动条工作。我已经尝试过 .scrollHeight() 并且浏览器甚至无法识别它。溢出区有一个固定的位置。

Answer 1

scrollHeight is a property的 DOM object ，不是函数:

Height of the scroll view of an element; it includes the element padding but not its margin.

鉴于此:

<div id="x" style="height: 100px; overflow: hidden;">
    <div style="height: 200px;">
        pancakes
    </div>
</div>

这会产生 200:

$('#x')[0].scrollHeight

例如:http://jsfiddle.net/ambiguous/u69kQ/2/ (在 JavaScript 控制台打开的情况下运行)。