Как продолжить скролить дальше после слайдера?

Question

[DotDash]

Есть страница на которой располагается слайдер Swiper, со свойством mousewheel: true

Как это должно работать: спускаясь по странице, доскроливая до слайдера, скролим слайды с 1го до 4го, далее скролим страницу дальше. Поднимаясь вверх тоже самое в обратном порядке.

По факту, прокрутка застревает на последнем слайде.

По сути, при wheel down и активном последнем слайде, ставим mousewheel: false. Но не возьму в толк как правильно поменять свойство.

Comments

[viktor0880]

Воспользовался решением от DotDash и обнаружил что автоматически скролятся слайды. Вот исправленная версия. Может кому-то будет полезно
https://jsfiddle.net/viktor0880/n510edjy/1/

Answer 1

[DotDash]

RTFM
https://jsfiddle.net/avgustre/ou0ymLrz/

Answer 2

[bpGusar]

отключай mousewheel когда доходишь до последнего слайда. тебе нужно взять не знаю точно что но типа такого свойства mySwiper.slides.length и сделать -1 то есть mySwiper.slides.length - 1, это будет значить что слайд последний и нужно отключить mousewheel. как то так

Answer 3

[alvvi]

Не знаю как сейчас выглядит API для этого, но раньше параметры Swiper можно было изменить так:

let mySwiper = new Swiper('.swiper-container', {
    speed: 400,
    spaceBetween: 100
})
mySwiper.params.speed = 300
mySwiper.reInit(true)

Кажется, это то что вам нужно.

Comments

[DotDash]

хм, ваш способ работает с другими параметрами, но с mousewheel не хочет, странно