我有一个粘性导航,当它捕获时,它会在浏览器窗口的顶部占用大约80px的空间。部分导航包含跳转到部分导航,该导航将用户带到页面上与导航中的链接相关的部分(您知道这是如何工作的)。
问题是,一旦用户点击跳转链接,它就会在窗口顶部设置一个部分,其中包含带有粘性导航的部分的名称,只是突然显示无标题内容。< / p>
有没有办法抵消粘性导航占用的空间,以便用户可以在导航点击中看到某个部分的标题?
理想情况下,这将是一个CSS修复。建议?
答案 0 :(得分:1)
将padding-top: 80px;
(导航的高度)添加到每个部分的顶部。
如果这会弄乱你的设计,你可以将它设为margin
,然后在上面元素的底部有一个负margin-bottom:-80px;
,以保持设计一致。