出于某种原因，导航栏仅在页面几乎完全加载完成后才将自身附加到顶部。这会产生一个不寻常的暂停，导航栏在没有添加格式属性的情况下浮动到比页面顶部低一点的位置。
我会发布源代码，但我真的不确定导致此错误的原因是什么，并且我无法指向特定的代码行。不过，我使用的是标准的 Bootstrap 样板，我的网站的其余源代码可以通过标准的“查看页面源”方法找到（我编辑的 CSS 在“css/main.css”下）。
谢谢！
问问题
939 次
2 回答
0
加载和处理引导 javascript 时会有延迟。Bootstrap 正在将“附加”类添加到您的导航中，它将位置从“相对”更改为“固定”（以及其他一些属性）。
您可以将“附加”类添加到 HTML 源代码中的 #nav 并避免样式更改。
于 2013-08-29T03:17:03.087 回答
0
幸运的是，您不需要使用 Bootstrap Affix 插件来做您想做的事！在 Bootstrap 2.3.2 中有类.navbar-fixed-top。引用他们的文档：
添加 .navbar-fixed-top 并记住通过向 .navbar-fixed-top 添加至少 40px 的内边距来解决其下方的隐藏区域。请务必在核心 Bootstrap CSS 之后和可选的响应式 CSS 之前添加它。
因此，您要做的就是从 #nav 中删除.affix类并删除您在 CSS 文件中添加到导航 ID的position: relative 。
于 2013-08-29T04:29:50.453 回答