html – 真正奇怪的“重绘行为”与锚链接,twitter bootstrap固定导航栏和贴上插件

当使用Twitter Bootstrap的贴片插件,固定导航栏和锚点链接在一起时,我遇到了一个非常奇怪的行为.我要试图解释我的问题,但是很难说出来,所以请原谅我,如果我不是最清楚的.

我的页面顶部有一个导航栏固定顶.在这个我有一个.container div.里面有两个div.spans(span4和span8).里面的span4是一个div.well,它的粘贴顶级类适用于它(所以它得到一个固定的位置,并“粘贴”在那里).在我的span8里面我有一堆内容.

井内有一个导航列表.这个列表填充了基于span8中的项目的li / a元素(我有一个这样做的小脚本).链接是锚点,因此它们指向页面上的元素(#myId,#myIdTwo等).所有这一切都是奇妙的.我的列表在那里,链接是可点击的,他们带我到我的元素.大.

但是,不是很棒.有时,当我点击其中一个链接时,我会在span8中找到我的锚点,但页面似乎没有正确刷新.我有时会看到奇怪的白色“盒子”.或者跨度内的内容将部分显示在固定的导航标题之上.有时候,导航列表的一半会消失,但是如果我将鼠标移动到其周围,则会返回(排序).就像你以前在一些旧的Windows应用程序中看到的那样陷入僵局.

您可以在这里查看：http://jaylach.github.com/lutra.您可能需要点击几个导航链接几次才能看到问题.

我一整天都一直在努力,我不能,因为我的生活,弄清楚了.我拿出了这个词缀,我拿出了固定的顶级导航栏,我拿出了我的z-index.我似乎无法弄清楚.

任何人,任何地方,有什么可能导致这样的线索吗？我真的很感激你们可以给的任何建议.

提前谢谢了！！

解决方法

这是一个WebKit错误.

add -webkit-transform：scale3d(1,1,1);到.navbar-fixed-top和.affix

这两种样式都在bootstrap.min.css中定义.所以在main.css中重写这两个样式为：

.affix,.navbar-fixed-top {
-webkit-transform: scale3d(1,1);
}

原文地址：https://www.jb51.cc/html/224222.html