Показать сообщение отдельно
  #4 (permalink)  
Старый 31.08.2020, 10:00
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,109

Сообщение от Alexkor5
каким образом добывается минимальный и максимальный элемент ...
все слайды имеют параметр position(изменяется, строки 56, 66) и index(неизменно, слайды всегда на одном и том же месте в DOM) находится самая маленькая (большая) позиция(строки 27 и 36) и возвращается индекс этого слайда.

в строку 72 добавьте
console.log(_items.map(({position}) => position));


смотрите консоль, будет понятнее какой слайд на текущий момент максимальный и минимальный.

можно также для наглядности увеличить время анимации слайда тогда будет видна вся скрытая механика перемещений.
добавить вниз css
.slider {
      overflow:  visible;
      width: 70%;
    }
    .slider__item {
        transition: transform 1s ease;
    }
Ответить с цитированием