如何在粘性导航中控制跳转到链接



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

问题是,一旦用户点击跳转链接,它就会在窗口顶部设置一个部分,该部分用粘性导航覆盖了该部分的名称,只是突然显示了一段没有标题的内容。

有没有一种方法可以抵消粘性导航占用的空间,这样用户就可以在导航点击时看到某个部分的标题?

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

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

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

相关内容

  • 没有找到相关文章

最新更新