Здравствуйте.
Пытаюсь сделать прокрутку фото товара, но столкнулся с двумя проблемами:
1) Слайдер слева (синий) не возможно свайпнуть до последнего элемента, пока не сработает resize окна.
2) Активный слайд (зеленый) при прокрутке всегда должен быть полностью видимым.
https://jsfiddle.net/xbz8qed0/3/
Я нашел частичное решение проблемы
https://jsfiddle.net/pwrh6uok/
Если задать фиксированную высоту синего слайдера вместо 100%, то решается первая проблема. Но мне нужно, чтобы эта высота рассчитывалась в зависимости от высоты красного слайдера, а там она будет динамической.
https://jsfiddle.net/pwrh6uok/1/
Если поменять slidesPerView: 'auto' на slidesPerView: 3, к примеру, то решается вторая проблема. Но в этом случае синие слайды имеют фиксированную высоту, а она должна быть равна высоте контента внутри.