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

Question

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

overflow: auto
height: 100%

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

Есть ли что-нибудь вокруг этого?

Answer 1

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

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

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

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

Answer 2

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

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

Answer 3

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