Чтобы свайпить красиво

11 августа 2011, 13:14

На многих известных нам мобильных сайтах для тач-устройств, например, для iPhone или Android, листалки (слайдеры) устроены так, что они двигаются уже после свайп-жеста. То есть анимация запускается уже после того, как человек проскользил по листалке пальцем и убрал его. В некоторых случаях на листалку можно просто нажать, а она будет реагировать так, будто это был свайп-жест. Это не так красиво и не так удобно, как в слайдерах, например, на главных экранах iOS-устройств.

Мы сделали плагин, с помощью которого можно сделать слайдер для сайта похожим на те, что работают в тач-телефонах. И хотим поделиться им со всеми заинтересованными.
 
Слайдер, созданный с применением этого плагина, двигается прямо вслед за пальцем. Он понимает длину жеста и его ускорение. Например, если свайп длинный, то и прокрутка соответствующая, если проскользили пальцем резко и быстро — поехало быстро и т.д. Если вы чуть не дотянули, слайдер вернется к и сходной позиции или сам доедет до следующей — зависит от того, какая ближе.

Посмотреть его действии — например, в ответе Погоды или Картинок на серпе Яндекса для iOS (QR-код).

 

Прочитать больше о таком слайдере можно здесь. А скачать сам плагин — тут.

Команда мобильного поиска