Есть ли слайдеры, которые листаются скроллингом?

Question

[Елена]

Не могу найти слайдер, который будет перелистываться скроллингом(колесиком мышки или тачпадом). Их не делают? Если такие есть, покажите примеры)

Comments

[Rustam Bainazarov]

Как всегда, Swiper.

[Елена]

Рустам Байназаров, спасибо большое, чего раньше о нем не читала)

Answer 1

[Олег]

fullpage.js

Comments

[Елена]

Олег спасибо) Одна проблема у них, что иногда прокручивают по два слайда(страницы)

[Елена]

Например вот этот https://codepen.io/CreativeSeo33/pen/bVdgxr

[Олег]

Елена, может устройство притормаживает? У меня нормально крутит по одному слайду.

[Олег]

Елена, а так вот: https://alvarotrigo.com/fullPage/, и гитхаб: https://github.com/alvarotrigo/fullPage.js

[Елена]

Олег, нет, проверила несколько раз. Вниз и на верх, по разному пролистываются слайды. С колесика мыши иддеально, а вот с тачпада по разному. Видимо зависит от скорости прокрутки

[Олег]

Елена, на тачпаде проверил - скролит по 1, мышкой потягал (с зажатой лкм) - Нормально, зашёл с мобильного (Samsung Galaxy) - свайпом тоже по 1 скроллит. Да и о подобной проблеме ни в рунете не нашёл, ни в англоязычном сегменте сети.

[Елена]

Олег, если сделать свайп на тачпаде и держать пльцы, то да, листает по одной, а если сделать свайп и отпустить пальцы, начинает листать по 2-3 слайда

[Олег]

Елена, пока вы не подсказали - и не догадался об этом. Держать пальцы (2 и больше) на тачпаде вызывает приближение экрана со сменой масштаба, а там уже центрирование блоков рушится. И они начинают по нескольку штук крутиться, да ещё и в разных направлениях. Возможно, надо как-то отключить реагирование страницы на изменение масштаба. Это уже надо сюда копать: https://developer.mozilla.org/ru/docs/Web/API/Touc.... При касании двумя пальцами должно вызываться несколько событий touch.

Answer 2

[iBird Rose]

любой нормальный слайдер имеет кастомные эвенты на next и prev, которые можно навесить на что угодно. в вашем случае нужно просто навесить на https://learn.javascript.ru/mousewheel ну и на тач эвент для мобилок https://developer.mozilla.org/ru/docs/Web/API/Touc...