css - about CSS3 translate3d flicker ,checked lots answer,but seems unlucky

Question

First of all,I am doing a html5 webapp on iOS, especially iPad.when touchmove,the div should move with my finger together,I used to change the left value to make this effect,but it seems not smooth enough ,so I used translate3d to do it,it seems great! And then,I just found the strange flicker happend,there are white flicker or flash in there several time when finger move the div.by the way,after moved once,the flicker is dispear. So,I check a lots of functions which include:

-webkit-perspective: 1000;

-webkit-backface-visibility: hidden;

-webkit-transform: translate3d(0,0,0) rotate(0) scale(1);

But no one works except change the flicker color to grey=.= So,this is my question.(iOS 5.01)

Answer 1

你应该检查孩子，试着给他们

变换：translate3d（0,0,0）；

-webkit-transform: translate3d(0,0,0);

Answer 2

当输入元素的副本在向下和向上滚动后在下一个内容中显示为工件时，我遇到了更奇怪的问题。几行 CSS 挽救了这一天（实际上是挣扎的日子 :)

确保为滚动容器和其中的所有子容器使用此类 CSS

.scrolling-container {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}

.scrolling-container .child-element {
    position: relative;
    -webkit-transform: translate3d(0,0,0);
}