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