页面滚动位置：固定内容[关闭]

Question

我有一个位置：固定的顶部导航区域

我希望页面内容能够正常滚动，但不会在导航下消失。主要问题是当我进行搜索时（这是一个完整的 CMS，在不同的模块中有数百个结果）我正在搜索的内容有时会在导航下滚动。我没问题，因为我知道发生了什么，但我希望它对我的用户很好。我想我可以使用框架集，但还有其他方法吗？

---

我基本上有你输入的内容，除了我有一个内容 div 顶部边距：50px。问题是，内容 div 会随着页面滚动，所以一旦页面开始滚动，我就有 50px 的隐藏内容。如果我进行浏览器搜索 (Ctrl-F)，这一点尤其明显。我已经通过删除导航区域的@print 样式表解决了打印问题，但我希望滚动只发生在导航下方。

我正在考虑尝试：

body {
overflow: no-scroll; (or whatever the css is for this)
}

#content {
overflow: scroll;
}

这可能会摆脱浏览器滚动条，并且只有一个用于内容区域。不知道那会是什么样子。仍然不太理想。它可能看起来就像一个没有框架集烦恼的框架集。

Answer 1

可能不是万无一失，但你可以做到

body {
  position: relative;
  top: <whatever height your navigation bar is>;
}

那么你的导航元素就会有

#nav {
  position: fixed;
}

结合起来，这应该会降低 body 下的所有内容，但那些具有 position: fixed 或 position: absolute 的元素除外。