медленная прокрутка списка на iPad при прокрутке в overflow:auto div

Я разрабатываю приложение Phonegap для основных платформ ОС и в настоящее время тестирую его на iPad с iOS 5. Я использую jquery mobile. Поэтому для больших экранов я использовал мобильный плагин jquery splitview. http://asyraf9.github.com/jquery-mobile/
Я поставил

$scrollArea.css('overflow-y','auto');        
$scrollArea.css('-webkit-overflow-scrolling','touch');

для прокрутки страницы вместо использования iscroll, как это использовал плагин. Теперь что происходит, так это то, что страница не загружается/не перерисовывается, когда пользователь прокручивает. У меня есть список из 100 элементов, и я прокручиваю их.

Прокрутка сама по себе не медленная, но требуется почти целая секунда, чтобы новые строки представления списка появились в поле зрения после прокрутки. До этого это пустая область.

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

Аналогичная проблема здесь http://forum.jquery.com/topic/help-with-slow-list-view-scrolling-on-ipad-when-scrolling-in-an -overflow-auto-div

Что я могу сделать, чтобы это работало нормально?? То же самое отлично работает на вкладках Android. Пожалуйста, помогите.

РЕДАКТИРОВАТЬ: Если я использую только

 $scrollArea.css('overflow-y','auto');        

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

Пожалуйста, не предлагайте использовать iScroll. Это уже пробовал.это намного медленнее, чем то, что я получаю с -webkit-overflow-scrolling, и я не могу его использовать.

21
задан ghostCoder 1 April 2012 в 11:29
поделиться