CSS：页面跳转后的页面顶部

我有一个html页面，我不能修改，我所做的一切都必须用CSS完成。CSS：页面跳转后的页面顶部

我在html页面中有4个“section”标签，在页面顶部有一个导航栏。条的每个元素都是到同一页的特定部分的内部链接（页面跳转）。

通常，当我点击其中一个链接时，合适部分的第一行将出现在我的页面顶部。

但我修改了导航栏的位置，所以它会始终保持在最上面（position：fixed）。

因此，当我所选择的部分1个按键，第一排（1或2场以上的行）点击，都是由我的导航栏覆盖... :(

我要的是一个解决方案，所以当我点击我的导航栏上的一个选项，那么所选部分的第一行将不会出现在屏幕的顶部，而是在我的酒吧下方。

如果需要某些代码，请询问具体部件，因为它足够长。

来源

2011-05-22 NickPro

如果你能构建一个简单的演示来展示你所描述的问题，那将是最好的。如果你不能这样做，那么一个简单的页面显示整体结构（即导航栏和四个部分，以及任何周围的元素等）以及与所包含的结构相关的CSS。 – musaul 2011-05-22 21:34:51

好吧，这里有2个截图。 1）这是应该如何，当我按下栏上的合适的按钮。您可以看到“RED LETTER”行是该部分的顶部 http://ompldr.org/vOHI1eA/1.png 2）这就是它的样子。您可以看到“RED LETTER”行隐藏在我的徽标和我的酒吧后面 http://ompldr.org/vOHI2Mg/2.png 在html中，我有“部分”标签，每个标签都有自己的“ ID“值。我的酒吧的每个按钮都使用“a”标签，其中“href”字段为值，该部分为合适的“id”。 – NickPro 2011-05-22 21:47:25

你想要代码，所以现在的代码 - 人们应该猜测你的标记和样式？ – 2011-05-22 21:50:16

你有没有尝试过对这些部分应用积极的padding-top，然后取消填充负数margin-top？点击跳转长度后，两者的值将是该部分与屏幕顶部边缘之间的期望间隔。

来源

2011-05-22 22:33:28 DavidJCobb

它的工作原理!!!!!老兄，你要么是CSS大师，要么就是一个天才！非常感谢！你救了我的一天;）。 – NickPro 2011-05-22 23:29:23

CSS：页面跳转后的页面顶部

回答

相关问题