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