【问题标题】:How can I control jump-to links in a sticky nav?如何控制粘性导航中的跳转链接?
【发布时间】:2013-12-11 19:09:38
【问题描述】:

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

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

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

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

【问题讨论】:

    标签: html css nav page-jump


    【解决方案1】:

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

    如果这弄乱了您的设计,您可以将其设为margin,然后在上方元素的底部添加一个否定的margin-bottom:-80px;,以保持设计一致。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-07-13
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2017-11-05
      • 1970-01-01
      相关资源
      最近更新 更多