chrome修复css属性position fixed抖动

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

第一种,给fixed的元素添加css的样式,我试过,这个可以解决此闪动的问题。

-webkit-transform: translateZ(0);

第二种,设置css。我是在不复杂的页面做的测试。

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

第三种,引入jquery1.7.2的类库。

<script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
引入jQuery的方法不知道为什么可以,但是引入了1.11.0的版本就无法解决这个问题。很奇怪。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 12,284评论 1 91
  • 前端开发面试知识点大纲: HTML&CSS: 对Web标准的理解、浏览器内核差异、兼容性、hack、CSS基本功:...
    秀才JaneBook阅读 1,423评论 0 24
  • HTML HTML5标签 媒体查询head部分写法 Doctype作用? 严格模式与混杂模式如何区分?它们有何意义...
    Mayo_阅读 363评论 0 8
  • 说不清为什么,就是喜欢寺院的清宁,喜欢袅袅供香的禅味,喜欢钟声的空明,更喜欢菩萨的低眉,年岁渐长后明白,菩萨所有的...
    时光散落在人间阅读 396评论 0 5
  • 文|西秦木子 第三章 第五章(上) 4 张小强回到客厅,从冰箱里拿一瓶啤酒打开,倒在专门配置的大玻璃杯里,慢慢喝。...
    西秦木子阅读 221评论 0 1