zoukankan      html  css  js  c++  java
  • iscroll在iphone浏览器上闪动的BUG

    使用iscroll模拟了滚动条,在iphone上测试发现,偶尔会发现滚动内容出现闪动的BUG,经过多数轮吐血测试,终于可以重现BUG了:
    BUG重现:
    滚动内容区域高度<=1024px,则显示正常。如果>1024,初始化iscroll组件时候就会出现闪动的BUG,或者在浏览器从后台重新激活的时候,也会出现闪动的“刷新”。
    BUG解决:
    通过逐步跟踪调试,终于找到了原因, 是webkit调用-webkit-transform:translate3d…导致的BUG。
    所以最快的解决方法是,将配置文件中的useTransform设置为false。
    BUG的根源:
    查了一些资料,根源是ios4 webkit的bug,在iphone webkit创建纹理的时候,如果内容区域>1024象素,将会继续创新纹理,而iscroll中调用的translate3d动画在这个重绘的过程中出现了一些BUG,这些在iso5中得到了修正。
    参考资料:
    http://joehewitt.com/2011/10/05/fast-animation-with-ios-webkit

    /*20130320补充*/

    android上测试,依旧还存在偶尔闪动现象。查找has3d属性,并设置has3d = false;

    目前来看,完美解决

    转载:http://jslover.com/?p=413

  • 相关阅读:
    大三学习进度64
    大三学习进度70
    中美科技巨头——BATH和GAFA
    多线程写excel数据思路
    3
    1
    比特币
    加分项
    3e
    换题了
  • 原文地址:https://www.cnblogs.com/lyweb/p/js.html
Copyright © 2011-2022 走看看