同时使用 Twitter Bootstrap 的词缀插件、固定导航栏和 anchor 链接时，我遇到了一个非常奇怪的行为。我将尝试解释我的问题，但它有点难以用语言表达，所以如果我不是最清楚的，请原谅我。
我的页面顶部有一个 navbar-fixed-top。在它下面我有一个 .container div。里面有两个 div.spans(span4 和 span8)。 span4 内部是一个 div.well，它应用了 affix-top 类(因此它有一个固定的位置并“固定”在其中它在)。在我的 span8 中，我有一堆内容。
在 well div 中有一个 nav-list。此列表根据 span8 中的元素填充 li/a 元素(我有一个执行此操作的小脚本)。链接是 anchor ，因此它们指向页面上的元素(#myId、#myIdTwo 等)。所有这一切都非常有效。我的列表在那里，链接是可点击的，它们将我带到我的元素。太好了。
但是，不是很好。有时，当我单击其中一个链接时，我转到了 span8 中的 anchor ，但页面似乎没有正确刷新。我有时会看到奇怪的白色“盒子”。或者 span 内的内容将部分显示在固定的 nav-header 上方。有时 nav-list 的一半会消失.. 但如果我在它周围移动鼠标，它就会(有点)回来。就像您过去在一些陷入困境的旧 Windows 应用程序中看到的那样。
您可以在这里亲自查看:http://jaylach.github.com/lutra .您可能需要点击一些导航链接几次才能看到问题。
我整天都在为这个问题苦苦挣扎，但我终究无法弄清楚。我已经删除了词缀，我已经删除了固定顶部导航栏，我已经删除了我的 z-index。我就是想不通。
是否有人在任何地方都知道可能导致此问题的原因？我真的很感激你们能提供的任何建议。
提前致谢!
最佳答案
这是一个 WebKit 错误。
将 -webkit-transform: scale3d(1,1,1); 添加到 .navbar-fixed-top 和 .affix
这两种样式都在 bootstrap.min.css 中定义。因此，在您的 main.css 中覆盖这两种样式:
.affix,.navbar-fixed-top {
-webkit-transform: scale3d(1,1,1);
}
关于html - 真的很奇怪 "redraw behavior"带有 anchor 链接、twitter bootstrap 固定导航栏和附加插件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14493533/