PhoneGap + JQM + iScrollView: прерывистая прокрутка с большим содержанием в "iscroll-content"
Я использую iScrollView
в моем приложении (PhoneGap, JQM 1.3, Android
). Отличная работа над этим. Это драгоценный камень.
На самом деле я тестирую на Samsung Galaxy S3.
Моя первая страница большая по вертикали (около 6000 пикселей), состоящая из множества <div>
контейнеры с изображениями (с внешним источником).
Эти DIV -контейнеры динамически добавляются в div содержимого на основе Json-данных. Тогда я делаю refresh
, Пока все хорошо.
Но то, что я заметил, когда опускаю data-iscroll
атрибут в моем содержании <div>
прокрутка намного плавнее и совсем не изменчива. Но при добавлении data-iscroll
Атрибут для содержимого-DIV, прокрутка прерывистая.
Я подумал, что это из-за якорных тегов или изображений, поэтому я заменил div-контейнеры на span и добавил туда немного текста. Я скопировал около 30 промежутков и наблюдал, как ведет себя прокрутка. Это изменчиво - хотя с пролетами. Тогда я сделал всего 15 пролетов, и прокрутка была немного более плавной. Это как-то связано с количеством контейнеров внутри содержимого-div.
Моя разметка выглядит в более упрощенной форме, например:
<div data-role="content" data-iscroll class="iscroll-wrapper">
<div class="iscroll-scroller">
<div class="iscroll-content">
<p>This is some content that I want to scroll</p>
<p>This is some content that I want to scroll</p>
<p>This is some content that I want to scroll</p>
<p>This is some content that I want to scroll</p>
<p>This is some content that I want to scroll</p>
<p>This is some content that I want to scroll</p>
<p>This is some more content</p>
... more content up to 6000px in vertical direction
</div>
</div>
</div>
Кто-нибудь может подтвердить это поведение? Есть ли обходной путь?
1 ответ
Хорошо, наконец получил ответ от самого Джона Тары. iScrollView определенно предназначен только для WebView с небольшой и несложной разметкой. Читать здесь