о мерцании CSS3 translate3d, проверил много ответов

Question

Прежде всего, я делаю html5 веб-приложение для iOS, особенно для iPad. Когда touchmove, div должен двигаться вместе, я обычно менял левое значение, чтобы сделать этот эффект, но оно кажется недостаточно плавным, поэтому я использовал translate3d для этого, кажется, это здорово! И затем, я просто обнаружил, что странное мерцание происходит, там есть белое мерцание или вспышка несколько раз, когда палец перемещает div.by, после того, как перемещено один раз, мерцание исчезает. Итак, я проверяю множество функций, которые включают в себя:

-webkit-перспектива: 1000;

-webkit-backface-visibility: скрыто;

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

Но никто не работает, кроме как изменить цвет мерцания на серый =. = Итак, это мой вопрос. (IOS 5.01)

Answer 1

У меня была более странная проблема, когда копии входных элементов отображались как артефакты во всем следующем содержимом после прокрутки вниз и вверх. И пара строк CSS спасли день (на самом деле дни борьбы:)

Убедитесь, что вы используете такой CSS для своего контейнера прокрутки и всех дочерних элементов внутри него

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

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

Answer 2

вы должны проверить детей, попробуйте дать им

transform: translate3d (0,0,0);

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