使用jquery获取元素的可见高度而不是其实际高度

Question

这篇文章与this one有关。 请考虑阅读它。 ： - ）

在我链接的帖子中，我认为如果div的可见高度大于另一个div的可见高度，我的问题的解决方案是更改链接的目标。在我的布局中，我所指的所有div都有1100px的高度。但这不是我想要的。我希望脚本能够获得访问者当前可见的div的高度，而不是它的真实高度。有没有办法用jQuery做到这一点？

提前致谢！

Answer 1

您可以做的是将元素位置放在其父容器的顶部，然后从父容器高度中减去它。这将为您提供元素的可见高度。

$('#container').height() - $('#overflow').position().top

这是显示此内容的fiddle。

Answer 2

用另一个DIV包装视口DIV的内容。定位DIV以读取所有内容的高度：

JQuery：$（'div＃contents'）。height（）;

布局：

<div id="viewport">
  <div id="contents">...all your div contents...</div>
</div>

希望这会有所帮助。祝你好运。

Answer 3

你必须使用固定的1100px高度吗？因为你也可以指定一个最大高度：1100px;和高度：100％; 根据您想要放入div中的内容，您当然可以通过

获得当前高度

$('.divclass').height();