如何控制粘性导航中的跳转链接?

时间:2013-11-26 14:57:32

标签: html css nav page-jump

我有一个粘性导航,当它捕获时,它会在浏览器窗口的顶部占用大约80px的空间。部分导航包含跳转到部分导航,该导航将用户带到页面上与导航中的链接相关的部分(您知道这是如何工作的)。

问题是,一旦用户点击跳转链接,它就会在窗口顶部设置一个部分,其中包含带有粘性导航的部分的名称,只是突然显示无标题内容。< / p>

有没有办法抵消粘性导航占用的空间,以便用户可以在导航点击中看到某个部分的标题?

理想情况下,这将是一个CSS修复。建议?

1 个答案:

答案 0 :(得分:1)

padding-top: 80px;(导航的高度)添加到每个部分的顶部。

如果这会弄乱你的设计,你可以将它设为margin,然后在上面元素的底部有一个负margin-bottom:-80px;,以保持设计一致。