Зацикливание пунктов меню путем перетаскивания и прокрутки - PullRequest
Новая
       49

Зацикливание пунктов меню путем перетаскивания и прокрутки

1 голос
/ 29 марта 2020

Я пытаюсь сделать меню навигации. Я хочу изменить активный пункт меню путем перетаскивания, прокрутки и нажатия. Я использую библиотеку swiper, и это очень полезно, но у меня есть проблема. Нет проблем с нажатием или прокруткой, но когда я перетаскиваю и отпускаю меню, цикл останавливается на последнем элементе. Я хочу, чтобы он продолжал работать, пока он не замедлится и не остановится. Вот мой пример JS -fiddle. 

$(document).ready(function() {
  var menu = new Swiper("#menu", {
    direction: "vertical",
    centeredSlides: true,
    loop: true,
    slideToClickedSlide: true,
    slidesPerView: 7,
    mousewheel: {
      enabled: true,
    },
    freeMode: true,
    freeModeSticky: true,
    freeModeMomentumRatio: 0.8,
    freeModeVelocityRatio: 0.8,
    freeModeMinimumVelocity: 0.2,
    grabCursor: true
  });

});

Я обнаружил эту похожую проблему на странице github swiper, но владелец говорит:

Это дизайн архитектуры Swiper, так как он не делает никаких l oop или чего-либо еще во время перехода.

Так что мне нужно найти внешнее решение. И также я не должен использовать swiper, хотя мне это нравится. Я попытался использовать пару библиотек карусели, но мне не удалось решить мою проблему. Любое предложение приветствуется.

...