9

一起使用 Twitter Bootstrap 的词缀插件、固定导航栏和锚链接时,我遇到了一种非常奇怪的行为。我将尝试解释我的问题,但很难用语言表达,所以如果我不是最清楚的,请原谅我。

navbar-fixed-top的页面顶部有一个。在此之下,我有一个.containerdiv。里面有两个div.spansspan4span8)。Insidespan4是一个应用div.wellaffix-top类的类(所以它得到一个固定的位置并“粘”在它所在的位置)。在我的里面我span8有一堆内容。

welldiv 里面有一个nav-list. 这个列表根据中的项目填充了li/a元素span8(我有一个小脚本可以做到这一点)。链接是锚点,因此它们指向页面上的元素(#myId#myIdTwo等)。所有这些都非常有效。我的列表在那里,链接是可点击的,它们将我带到我的元素。伟大的。

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

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

我整天都在为此苦苦挣扎,而我一生都无法弄清楚。我已经取出了词缀,我已经取出了固定顶部导航栏,我已经取出了我的z-index. 我似乎无法弄清楚。

任何地方的任何人都知道可能导致这种情况的原因吗?我真的很感激你们能给我的任何建议。

提前谢谢了!!

4

1 回答 1

19

这是一个 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);
}
于 2013-01-24T06:17:05.323 回答