Выполнение горизонтальной / вертикальной прокрутки пальцев в сотовом андроидном веб-виде / webkit?

Я планирую внедрить планшетное приложение Honeycomb на основе WebView (так что в основном это будет веб-приложение HTML5, созданное только для планшета ).

Я ищу для выполнения горизонтальной и вертикальной прокрутки с помощью пальца. Для лучшего понимания я создал образец схемы.

Горизонтальная прокрутка с помощью Swiping


На этом изображении показано что-то похожее на активную настройку Honeycomb с левой и правой страницей с вертикальной прокруткой Вертикальная прокрутка с помощью Swiping

Любые руководства или ресурсы приветствуются. благодаря

Solutions Collecting From Web of "Выполнение горизонтальной / вертикальной прокрутки пальцев в сотовом андроидном веб-виде / webkit?"

Взгляните на iScroll :

IScroll 4 – это полная переработка исходного кода iScroll . Разработка скриптов началась потому, что мобильный веб-кит (на iPhone, iPad, Android) не предоставляет собственный способ прокрутки содержимого внутри элемента фиксированной ширины / высоты. Эта неудачная ситуация не позволяет любому веб-приложению иметь position:absolute заголовок и / или нижний колонтитул и прокручивающую центральную область для содержимого.

Хотя последние версии Android поддерживают эту функциональность (хотя поддержка не оптимальна), Apple, похоже, неохотно добавляет прокрутку пальца в divs …

Вот что я нашел до сих пор:

Это зависит от того, как вы хотите реализовать прокрутку. Если вы хотите связать событие swiping, это самый простой способ реализовать с использованием известных библиотек:

  • JqTouch – он пропустил левое и правое событие, которое можно подключить для прокрутки влево или вправо (кажется, все анимации на основе webkit работают только на устройствах iOS). Обратите внимание, что проект по-прежнему находится в стадии бета-тестирования и не очень активен. EDIT: это также часть Sencha Labs, которая активно поддерживает Sencha Touch.
  • Sencha Touch – у них есть лучшая поддержка почти всего в мобильных и планшетах. (Примечание. Это бесплатно для приложений с открытым исходным кодом, но не для коммерческих приложений. EDIT: у них действительно есть коммерческая лицензия. См. Их сайт для получения дополнительной информации о лицензировании)
  • JQueryMobile – они очень стабильны (в RC1 на данный момент), и проведите пальцем влево и вправо, но я не смог найти прокрутку вверх или вниз. Если вам просто нужно проведите пальцем влево, нажмите, коснитесь удержания, затем перейдите к jQM. У них лучшая поддержка сообщества.
  • RAW JS. Наконец, если вы хотите что-то сырое javascript, посетите статью HTML5Rocks, чтобы получить более глубокое представление о том, как работает сенсорное событие.

Я надеюсь, что это помогает. Я все еще пытаюсь выполнить прокрутку вверх, так как я не хочу ждать завершения салфетки, вместо этого я пытаюсь реализовать мгновенную обратную связь с прокруткой, очень близко используя RAW JS-координаты, но не удовлетворительно.

Hammer JS был полезен для меня:

http://eightmedia.github.io/hammer.js/

С создателями iScroll SwipeView кажется хорошей выделенной альтернативой. Взгляните на демо 1 и демо 2 .

Я еще не тестировал, но я обязательно. Поскольку демонстрации ведут себя хорошо на моем iPad.

Вы можете найти эту библиотеку весьма полезной: https://github.com/cubiq/2-way-iScroll

Он обрабатывает случай вертикальной прокрутки и горизонтального прокрутки.