2013-08-28 7 views
1

Я разработал приложение для Android с помощью html5 и phonegap (cordova 2.7.0); это приложение для поиска изображений, используйте API Google. Возвращает список изображений, которые начинаются с крана.Android Phonegap Scroll не работает

Он отлично работает практически на всех устройствах, но на небольших экранах с Android 2.3.x прокрутка (или щелчок по изображению) не работает.

Любые предложения?

Заранее спасибо.

+1

Собственно это не проблема с небольшими экранами. Это проблема с веб-просмотром в Droid 2.3. Вы не заметите это в Droid 4.x + – GoodSp33d

ответ

2

Вы столкнулись с андроидом bug. Переполнение DIV внутри тега BODY не позволит вам прокручивать. Такая же ошибка была в iPhone (iOS < 5), но по крайней мере вы могли использовать два пальца и прокручивать.

Однако есть обходные пути для этого. Вы можете использовать сторонние библиотеки, такие как iScroll, touchScroll ...

iScroll отключит ваши входы для используемого вами прокрутки. Если в его простом абзаце используется iScroll.

Reference

+0

Thx для обратной связи, я попробую – user2726314

+0

хорошо спасибо, проблема переполнения решена. Но остается проблема с нажатием на изображение, не работает на Android 2.3.x. Любые предложения? Спасибо – user2726314

+1

@ user2726314 Какой плагин прокрутки вы использовали? Если его [этот] (http://chris-barr.com/2010/05/scrolling_a_overflowauto_element_on_a_touch_screen_device/), то вам нужно прокомментировать строку 'event.preventDefault()' в первом прослушивателе. – GoodSp33d

0

Хотя ответ 2-STROKER является правильной здесь быстрым и грязным раствор, добавьте несколько <br> тегов в конце. Работал для меня;)

+0

добавил динамически ($.(). Append) и не работал – netalex

0

Если вы не хотите, чтобы пройти через трудности добавления iScroll вы также можете использовать:

// Workaround for problematic scrolling behaviour on Android 
// we can't fix this in css directly as it breaks iOS and the 
// platform selector in css is unreliable 
if (device.platform === 'Android') { 
    $('.ui-mobile, .ui-mobile .ui-page, .ui-mobile [data-role="page"], .ui-mobile [data-role="dialog"], .ui-page, .ui-mobile .ui-page-active ').css("position", "initial"); 
} 
Смежные вопросы