真的很奇怪的"重绘行为"与锚链接,Twitter bootstrap fixed-navbar和affix插件

Question

当使用Twitter Bootstrap的附加插件,固定导航栏和锚链接时,我遇到了一种非常奇怪的行为.我将尝试解释我的问题但是很难说出来,所以请原谅我,如果我不是最清楚的话.

navbar-fixed-top我的页面顶部有一个.在那之下,我有一个.containerdiv.在里面我有两个div.spans(span4和span8).里面span4是一个应用了它div.well的affix-top类(所以它得到一个固定的位置,"粘"在它的位置).在我的内心我span8有一堆内容.

在welldiv里面有一个nav-list.这个列表会根据(我有一个执行此操作的小脚本)中的项目填充li/ aelements span8.这些链接是锚,那么它们指向的页面(上的元素#myId,#myIdTwo等等).所有这一切都非常有效.我的列表在那里,链接是可点击的,它们带我到我的元素.大.

但是,不是很好.有时,当我点击其中一个链接时,我会转到我的锚点,span8但页面似乎没有正确刷新.我有时看到奇怪的白色"盒子".或者跨度内的内容将部分显示在固定的上方nav-header.有时候有一半会nav-list消失......但是如果我把鼠标移到它周围,它会回来(排序).就像你曾经在一些陷入困境的旧Windows应用程序中看到的那样.

你可以在这里看到自己:http://jaylach.github.com/lutra.在看到问题之前,您可能需要多次单击某些导航链接.

我整天都在苦苦挣扎,我不能,因为我的生活,想出来.我拿出了词缀,我已经取出了固定的顶部导航栏,我已经取出了我的z-index.我似乎无法弄明白.

有没有人,任何地方,有任何线索可能导致这个？我真的很感激你们给我们的任何建议.

提前谢谢了!!

Answer 1

这是一个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);
}