Собственный браузер Android не обновляет высоту при автоматическом переполнении при добавлении элементов

Я делаю одностраничное мобильное веб-приложение. Контейнер фиксируется на высоте 100%, а изделие внутри него

overflow: auto height: 100% 

Это отлично работает как на iOS, так и на Android, видовой экран остается неподвижным, а свитки контента посередине. Однако, когда я добавляю новый элемент DOM в статью или скрываю скрытый div, Android не обновляет высоту прокручиваемого div, поэтому любые элементы в нижней части того же div будут обрезаны с ограничением прокрутки.

Во всяком случае, вокруг?

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

 $('<style></style>').appendTo($(document.body)).remove(); 

Ужасное ужасное исправление, но оно работает …

Браузер Android – это новый IE6.

Я столкнулся с той же проблемой при использовании -webkit-transform: translateZ(0); Установленный в прокручиваемом div для настройки аппаратного ускорения на iOS. Удаление, которое фиксировало прокрутку.

Я использовал следующий подход:

 $('#my_di').addClass('dummy').removeClass('dummy');