"如何计算屏幕高度并将元素定位在折叠下方？"

Question

我有一个带有背景图像的主包装器，并且背景图像应该扩展以覆盖所有这些元素。 我的 HTML 如下所示：

<div id="main-wrapper">
    <div id="header"></div>
    <div id="scroll-down-arrow"></div>
    <div class="additional-content"></div>
</div>

Answer 1

如果你想要“现在页面上元素的实际位置”，可能是 element. getBoundingClientRect()<\/a> ？ 这是一个相对于实际视口的值，因此rect.top > window.innerHeight<\/code>的任何内容都在您的视口下方，而rect.top + rect.height < 0<\/code>的任何内容都在您的视口上方。

"