Swipe меню прокручивающееся пальцем на телефоне как у Яндекса?

Question

[Сергей Миллер]

Вот тут есть пункты навигации:
Главная Москва Политика......

Когда заходишь с телефона на yandex.ru это меню листаешь пальцем влево и оно прокручивается.
С помощью чего такое можно организовать? Пробовал через owl-slider, но расстояния между пунктами меню там никак не поправишь, а они слишком большие, чем надо.

Comments

[Максим Софронов]

Почему это расстояние между пунктами никак не поправишь?

[Сергей Миллер]

Максим Софронов: знаю что можно через количество items на странице, т.е. внизу страницы в jquery items: 3..5...10... тогда расстояние меняется в зависимости от ширины экрана и количества items.
А по другому как?

[Максим Софронов]

Сергей Миллер: https://owlcarousel2.github.io/OwlCarousel2/demos/... вот, например, есть несколько блоков. В вашем случае - это несколько оберток для ссылок. Расстояние между блоками можно сделать либо настройками плагина (в примере margin=10), либо стилями для обертки задать паддинги, например.

Answer 1

[Павел]

Зачем придумывать себе геморой? Яндекс использует нативный скролл

.scroller {
    overflow-x: hidden;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
}

Comments

[Сергей Миллер]

Вот прям в точку! Только еще одна проблема - Вы не знаете как сделать скроллинг бесконечным? Чтобы после последнего пункта меню скроллился сразу первый пункт? Цикл типа.

Answer 2

[Dark Hole]

Воспользоваться библиотекой touchSwipe, которая сделана специально для этого?