html - Bootstrap anchor 偏移问题

标签 html twitter-bootstrap

我在这里使用带有 Slate 主题的 Bootstrap:http://bootswatch.com/slate/

当跳转到同一页面上的不同 anchor 时,它会偏移并且不会转到它应该(或不正确显示)的确切内容部分。

例如:http://bootswatch.com/slate/#nav

这是为了跳转到“导航”部分,它几乎做到了,但它稍微向下偏移了,你看不到标题。

我在自己的网站上遇到了同样的问题,我该如何解决这个 anchor 问题?

我在做基础的:

<a href="#nav">Jump to Nav</a>

...

<a id="nav">Navs</a>

最佳答案

尝试包装一个 <a>在您要跳转到的元素周围,例如 this答案建议-例如

<a href="#nav">Jump to nav</a>

<a id="nav">
    <h1 style="padding-top: 50px; margin-top: -50px;">Test</h1>
    <!-- Offsets the fixed navbar -- just an example, this should be in CSS -->
</a> 

关于html - Bootstrap anchor 偏移问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20226001/

相关文章:

jquery - 单击另一个 Accordion 时关闭 Accordion

javascript - 如何让 Jquery 在页面的特定区域展开一个 div?

html - JackMagic7 网站 Bootstrap ?

javascript - 导航栏事件类在页面加载时重置

javascript - 出现时将对象传递给模态

html - 我们怎样才能使固定左侧导航栏旁边的容器响应?

html - MP4 视频无法在 Internet Explorer 11 中播放

css - 如何使用 twitter bootstrap v 3.1.1 使平板电脑使用与手机相同的菜单?

javascript - 弹出窗口显示和隐藏的样式有问题

javascript - 使用javascript触发下拉菜单