Html “真奇怪”;“重画行为”;通过锚定链接,twitter引导修复了导航栏和粘贴插件
当我同时使用Twitter引导的粘贴插件、固定导航栏和锚定链接时,我遇到了一个非常奇怪的行为。我将试图解释我的问题,但这有点难以用语言表达,所以如果我不是最清楚的,请原谅我 我的页面顶部有一个Html “真奇怪”;“重画行为”;通过锚定链接,twitter引导修复了导航栏和粘贴插件,html,css,twitter-bootstrap,Html,Css,Twitter Bootstrap,当我同时使用Twitter引导的粘贴插件、固定导航栏和锚定链接时,我遇到了一个非常奇怪的行为。我将试图解释我的问题,但这有点难以用语言表达,所以如果我不是最清楚的,请原谅我 我的页面顶部有一个navbar固定顶部。在那下面我有一个.containerdiv。在里面我有两个div.span(span4和span8)。内部span4是一个div.well,它应用了粘贴top类(因此它得到一个固定的位置并“固定”在它所在的位置)。在我的span8中,我有一大堆内容 在井舱内有一个导航列表。该列表根据s
navbar固定顶部
。在那下面我有一个.container
div。在里面我有两个div.span
(span4
和span8
)。内部span4
是一个div.well
,它应用了粘贴top
类(因此它得到一个固定的位置并“固定”在它所在的位置)。在我的span8
中,我有一大堆内容
在井
舱内有一个导航列表
。该列表根据span8
中的项目填充li
/a
元素(我有一个小脚本可以实现这一点)。链接是锚,因此它们指向页面上的元素(#myId
,#myIdTwo
,等等)。所有这些都非常有效。我的列表在那里,链接是可点击的,它们把我带到我的元素。太好了
但是,不是很好。有时,当我单击其中一个链接时,我会转到span8
中的锚,但页面似乎没有正常刷新。我有时会看到奇怪的白色“盒子”。或者,范围内的内容将部分显示在固定导航标题的上方。有时导航列表的一半会消失。。但是如果我在它周围移动鼠标,它就会回来。就像你以前在一些陷入困境的旧Windows应用程序中看到的那样
您可以在此处亲自查看:。在看到问题之前,您可能需要单击一些导航链接几次
我一整天都在为这件事而挣扎,我一辈子也弄不明白。我取出了词缀,取出了固定顶部导航栏,取出了我的z-index
。我只是想不通
任何人,任何地方,都有任何线索来解释是什么导致了这一切吗?我非常感谢你们能给我的建议
非常感谢 这是一个WebKit错误
添加-webkit转换:scale3d(1,1,1)
到.navbar固定顶部
和粘贴
这两种样式都在bootstrap.min.css中定义。因此,将main.css中的这两种样式替换为:
.affix,.navbar-fixed-top {
-webkit-transform: scale3d(1,1,1);
}
工作得很有魅力!你一定有比我更好的google foo,因为我的搜索结果一无所获:)这对我不起作用。你能提供一些关于你在哪里找到这个补丁/一个bug注册页面的信息吗?我不记得我的来源了。。你能在网上分享你的代码吗?我想我会发疯的。非常感谢。我差点以为我的电脑赶不上了:)谢谢@aju工作得很好!