Статическая навигация для слайдера Slick - PullRequest
Новая
       16

Статическая навигация для слайдера Slick

0 голосов
/ 01 февраля 2019

Я хочу добавить статическую навигацию к моему скользящему слайдеру.Сейчас я использую два отдельных ползунка и связываю их с параметром asNavFor.

Навигация работает.Но, к сожалению, навигация также скользит с ползунком.Я хочу, чтобы навигация оставалась на месте.

Является ли параметр asNavFor правильным выбором или существует другой способ ссылки на определенный слайд и выделения текущего слайда в навигации.

Это HTML-код: 

<div class="slider-nav">
    <div>Menu 1</div>
    <div>Menu 2</div>
    <div>Menu 3</div>
    <div>Menu 4</div>
    <div>Menu 5</div>
</div>

<div class="slider-for">
    <div>Slide 1</div>
    <div>Slide 2</div>
    <div>Slide 3</div>
    <div>Slide 4</div>
    <div>Slide 5</div>
</div>

Это мой JS-код: 

$('.slider-for').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: false,
  fade: true,
  asNavFor: '.slider-nav'
});
$('.slider-nav').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  asNavFor: '.slider-for',
  dots: true,
  centerMode: true,
  focusOnSelect: true
});
...