2

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

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

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

我正在考虑尝试：

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

#content {
overflow: scroll;
}

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

4

1 回答 1

0

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

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

那么你的导航元素会有

#nav {
  position: fixed;
}

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

于 2009-10-21T05:19:08.543 回答