首先,我在点击导航栏中的导航链接后间歇性地消失了导航栏的问题。谷歌搜索发现这是一个错误,这被建议作为修复(https://github.com/twbs/bootstrap/issues/32,Chrome rendering issue. Fixed position anchor with UL in body)
.affix,.navbar-fixed-top{
-webkit-transform: scale3d(1,1,1);
}
这可以防止导航栏消失。但是,我现在有了一个新问题。如果使用鼠标滚轮滚动页面,导航栏会变得模糊并上下移动+/-可能是1个像素,就像根据滚动位置在非整数像素位置渲染一样。
我没有注意到IE中的问题,只有Chrome。
有没有人有非整数子像素位置问题的解决方法?