Как мы можем прокручивать элементы внутри div с помощью событий Touch

Question

Я создаю фрагмент кода, который позволит пользователю прокручивать элементы внутри div. Это скорее вращающееся колесо / игровой автомат. Я знаю существующее решение для iPhone / iPod , но я хотел иметь простой урезанный код.

Я не использовал никаких изображений, и я считаю, что это будет связано с анимацией CSS3. Пока здесь - мой код в jsbin. Я пытался связать событие touchmove с помощью jquery, но предупреждение не появляется?

Моя главная цель - дать пользователю возможность прокручивать / пролистывать вверх и вниз элементы внутри div, не заставляя страницу прокручивать вверх и вниз. Будем благодарны за любые предложения / изменения в коде.

Мое предназначение для этого - мобильные устройства (iPhone / Android)

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

Answer 1

вы почти были на правой стороне:

http://cubiq.org/iscroll-4 попробуйте iScroll.

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

Answer 2

Я думаю, что то, что вы ищете, может быть достигнуто с помощью простого поведения в IOS Safari (iPhone / iPad)

Просто задайте некоторую фиксированную высоту для контейнера div с переполнением. например,

<div id="container" style="height:400px;overflow:auto">
Your content
</div>

Он будет прокручиваться двумя пальцами на версиях, предшествующих IOS5, и одним движением пальца для IOS5 и более поздних версий.