一起使用 Twitter Bootstrap 的词缀插件、固定导航栏和锚链接时,我遇到了一种非常奇怪的行为。我将尝试解释我的问题,但很难用语言表达,所以如果我不是最清楚的,请原谅我。
我navbar-fixed-top的页面顶部有一个。在此之下,我有一个.containerdiv。里面有两个div.spans(span4和span8)。Insidespan4是一个应用div.well了affix-top类的类(所以它得到一个固定的位置并“粘”在它所在的位置)。在我的里面我span8有一堆内容。
在welldiv 里面有一个nav-list. 这个列表根据中的项目填充了li/a元素span8(我有一个小脚本可以做到这一点)。链接是锚点,因此它们指向页面上的元素(#myId、#myIdTwo等)。所有这些都非常有效。我的列表在那里,链接是可点击的,它们将我带到我的元素。伟大的。
然而,不是很好。有时,当我单击其中一个链接时,我会转到我的锚点,span8但页面似乎没有正确刷新。我有时会看到奇怪的白色“盒子”。或者跨度内的内容将部分显示在固定的上方nav-header。有时一半nav-list消失了..但是如果我在它周围移动鼠标,它就会回来(有点)。就像您过去在一些陷入困境的旧 Windows 应用程序中看到的那样。
您可以在这里亲自查看:http: //jaylach.github.com/lutra。在看到问题之前,您可能需要多次单击某些导航链接。
我整天都在为此苦苦挣扎,而我一生都无法弄清楚。我已经取出了词缀,我已经取出了固定顶部导航栏,我已经取出了我的z-index. 我似乎无法弄清楚。
任何地方的任何人都知道可能导致这种情况的原因吗?我真的很感激你们能给我的任何建议。
提前谢谢了!!