Как сделать чтобы swiper скролил не только слайды а и содержимое в них?
Есть у меня полноэкранный слайдер, я настроил для него переключение колесеком, тоесть, кручу колесо, переключаются слайды вниз или вверх, но на например на ноутбуках содержимое слайдов не влазит в высоту, я это предусмотрел и дал слайдам overflow: auto, теперь могу скролить содержимое, но мне надо чтобы я мог скролить содержимое слайда с помощью колеса, а не только ползунка, как только я начинаю скролить через колесо содержимое переключаются слайды
Ответы (1 шт):
Автор решения: Konstantin_SH
→ Ссылка
Попробуйте содержимому слайдов назначить:
max-width: 100%;
max-height: 100%;
object-fit: cover;
Тогда оно должно вписаться в слайд и скролить колесиком ничего не надо будет. А так на одну и ту же клавишу два события вешать — плохая идея.
Можно еще попробовать написать такой скрипт:
let currentSlide = document.querySelector(".slide.active");
let slideHeight = currentSlide.offsetHeight();
let slideScrolledHeight = currentSlide.scrollTop();
if (slideScrolledHeight == slideHeight) // добавляем на слайд переключение колесиком.