PhoneGap и Galaxy s4 render issue

Question

У меня возникла странная проблема на устройстве GS4 при использовании PhoneGap, когда некоторые из моих элементов моего веб-приложения не отображаются должным образом, когда страница отображается, но как только эта страница нажата или нажата , расположение элементов правильно. Медленно мерцающее белое окно накапливалось, прежде чем переводить события в мое приложение.

Проблема только начисляется на GS4 и никогда не начисляется, когда я пытаюсь использовать ее на других телефонах, таких как GS4, Note или IPhone.

Answer 1

Являются ли эти элементы динамически генерируемыми? У меня тоже была такая же проблема, я понял, ей действительно нужно некоторое аппаратное ускорение (ускорение GPU). Мы должны включить 3d-рендеринг css. Просто используйте

transform: translateZ(0); 

для данного элемента. Это сработало для меня, попробуйте, может сработать для вас.

Пожалуйста, проверьте этот link

Answer 2

пытается манипулировать с другими элементами, как:

$('#footer').fadeTo(1,0.99,function(){ 
    $('#footer').fadeTo(1,1); 
}); 

Answer 3

проблема в коротком: андроиде. В зависимости от того, какая версия GS4 работает, веб-браузер действует по-разному и несет разные проблемы. IE я сделал приложение phonegap, которое отлично работало, а затем не работает во всем в желе. Само собой разумеется, что я теперь родной. Тем не менее, используйте преобразования и 3d-преобразования в ваших элементах, которые заставляют все элементы перерисовываться с аппаратным ускорением и заставляют перерисовывать элементы, если они динамически вставляются в DOM

Answer 4

У меня была аналогичная проблема с галактикой trend (android 4.0.4): некоторые изменения на странице отображались неправильно (перерисовка некоторых элементов, скрытие/показ других) до тех пор, пока я не коснусь экрана, тогда как он отлично работает на любых других устройствах, которые я тестировал (от android 2.3 до 4.4).

Я проверил множество исправлений, найденных в переполнении стека, и в других местах: добавьте transcate3d в css, ширина элементов запроса ... ничего не повлияло;

Это только когда я добавил $myPage.find("[data-role=footer]").hide(0).show(0);, что моя страница, наконец, правильно отображена на тренде галактики.

В моем случае я думаю, что это работает, потому что оно заставляет перерисовать нижний колонтитул, а элементы, которые я скрываю/показываю, находятся в нижнем колонтитуле.

Может быть, принудительное скрытие/шоу на другом элементе может помочь в вашем случае?