chrome修复css属性position fixed抖动 - TOMMYHU - 专注互联网开发及运营技术,提供相关资料及软件下载,奇趣网络时事评论!
Jul 26

chrome修复css属性position fixed抖动 不指定

tommyhu , 23:45 , 大前端 » HTM5 , Comments(0) , Trackbacks(0) , Reads(1610) , Via Original Large | Medium | Small
我现在使用的浏览器是Chrome版本 32.0.1664.3 m Aura,发现该版本的Chrome每次打开页面滚动页面对于position:fixed的元素会抖动,然而在重新应用position:fixed,抖动就不存在了,或者F5刷新页面后也不会抖动。

目前可能可以解决的方法目前可以解决的方法我也尝试了一些,只剩下几个。

第一种,给fixed的元素添加css的样式,我试过,这个可以解决此闪动的问题。
-webkit-transform: translateZ(0);

第二种,设置css。我是在不复杂的页面做的测试。
html, body {height:100%;overflow:auto;margin: 0;}
注意,引入这个CSS可能会导致原来的页面布局出现问题,慎重。我的同事也说,这个是为了解决IE6系列的fixed抖动问题。

第三种,引入jquery1.7.2的类库。
引入jQuery的方法不知道为什么可以,但是引入了1.11.0的版本就无法解决这个问题。很奇怪。
▲返回顶部

Add a comment

Nickname

emotemotemotemotemotemotemotemotemotemotemotemotemotemotemotemot