Как сделать слайдер для сайта похожим на те, что работают в тач-телефонах

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

Команда мобильного поиска Яндекса сделала плагин, с помощью которого можно сделать слайдер для сайта похожим на те, что работают в тач-телефонах.

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

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

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

Журналист, новостной редактор, работает на сайте с 2009 года. Специализация: интернет-маркетинг, SEO, поисковые системы, обзоры профильных мероприятий, отраслевые новости рунета. Языки: румынский, испанский. Кредо: Арфы нет, возьмите бубен.