javascript - 我如何计算固定位置。叠加在页面上？

Question

假设我有一个导航栏 div，它位于页面顶部的 fixed 位置，网页的其余部分在其下方向上滚动。

我如何告诉页面，当用户按下 Page Down 或空格键向下滚动一个页面高度时，页面滚动的距离考虑了可见内容区域，以便下一个“的第一句话页面”最终不会隐藏在导航栏下。也就是说，我希望它滚动(伪代码)browser_height - height_of_navbar

如果可能的话，更简单的 CSS 解决方案是首选，但我愿意接受 JavaScript 解决方案，如果需要的话。

Answer 1

在正文中添加边距顶部。

CSS:

BODY {
    margin-top: <navbar height + offset here>
}