Имитировать нативную прокрутку с использованием Javascript

Question

Какие библиотеки Javascript можно использовать для имитации собственного режима прокрутки на устройстве IOS (mainky iPad) Даже библиотеки на основе jQuery подойдут.

Также, прежде чем сказать, я знаю, что наиболее распространенным является iScroll https://github.com/cubiq/iscroll Но я хочу знать больше ...

Пожалуйста, перечислите как можно больше.Спасибо.

Answer 1

Итак, IOS 5 webkit теперь имеет встроенную прокрутку.Но у него все еще есть некоторые проблемы, особенно если вы пытаетесь почувствовать «приложение».

Использование этого CSS активирует встроенную прокрутку.

.scrollme {
   -webkit-overflow-scrolling: touch;
   overflow:auto;
}

Проблема в том, что если вы перетаскиваете вниз, когда div уже находится на «вершине» своего контейнера, вы получаетевесь html-прокрутку документа, которая может показать браузер Chrome, когда вы этого не хотите.Тем не менее, есть чистый обходной путь CSS (без JavaScript).Вы можете использовать набор из 3 вложенных элементов div.С внешним 2, установленным на «scrolling: touch», вы можете получить довольно «родное» чувство.

Пример кода здесь: https://gist.github.com/1372229

Наряду со свойством «position: fixed»это имеет большое значение для упрощения вещей.

Answer 2

Прокручиваемость от Джо Хьюитта (Joe Hewitt) - недавно разработанная реализация, которая довольно неплохо справляется с имитацией собственной прокрутки на устройствах iOS. Однако, по его собственному признанию, это «незавершенное производство», и оно не готово к использованию.

Кроме того, iOS 5 будет иметь прямую встроенную поддержку прокрутки через свойство и значение CSS -webkit-overflow-scrolling: touch. Установка этого параметра вместе с overflow: scroll для элемента заставит прокрутку вести себя как прокрутка панели в собственном приложении: один палец, импульс родного стиля и поведение. В основном все, что занимает хороший кусок JavaScript, может быть заменено двумя свойствами CSS.

Недостатком является то, что, поскольку это только в бета-версии iOS, вам все равно придется использовать сценарий в качестве запасного варианта, пока iOS 5 не станет основной (не только выпущенной), Android его примет (и этот релиз) становится мейнстримом) и т. д. Нам еще понадобится запасной вариант.

Более подробную информацию можно получить по адресу FunctionSource и в этом блоге . Опять же, это не используется сегодня, но будет полезно в ближайшие 6-12 месяцев (возможно, дольше для других платформ).

Answer 3

Вот интересный список библиотек JavaScript и Touch-Scroll Javascript:

https://github.com/bebraw/jswiki/wiki/Touch