Невозможно обновить DOM на iOS 5 без потери содержимого при прокрутке - PullRequest
Новая
       3

Невозможно обновить DOM на iOS 5 без потери содержимого при прокрутке

1 голос
/ 08 февраля 2012

В настоящее время я работаю над веб-приложением для iOS и столкнулся со странной проблемой.Я использую -webkit-overflow-scrolling: touch;сделать прокручиваемый DIV, который прекрасно работает, однако, когда я обновляю DOM в сочетании с эффектом прокрутки в CSS, содержимое больше не отображается при прокрутке вниз.Он «знает» высоту содержимого, поскольку прокрутка не затронута, однако ничто под текущим представлением фактически не отображается и кажется обрезанным.Есть ли в этом смысл?Если да, есть какие-нибудь идеи относительно того, что может происходить?

Вот эффект «прокрутки»: 

@-webkit-keyframes slideup {
     from {
    -webkit-transform: translateY(100%);
}
 to {
    -webkit-transform: translateY(0);
}
}.favup {
     -webkit-animation-name: slideup;
     -webkit-animation-duration: 350ms;
     -webkit-animation-timing-function: ease-in-out;
}

Это CSS для контента DIV, где все и происходит.изменено в: 

#content {
    width: 100%;
    position: absolute;
    z-index: 1;
    overflow:  auto;
    -webkit-overflow-scrolling:  touch;
}

Наконец, это триггер, который в конечном итоге нарушает все: 

document.getElementById('content').innerHTML = "<div id=\"fav\" class=\"favup\"></div>";

Я также обновляю высоту после каждого обновления DOM, чтобы прокрутка работала правильно, как говорилосьо здесь: iOS прокрутка div импульса без фиксированной высоты (контент загружается через ajax)?

...