我需要 Swiper.js 方面的帮助
我正在开发一个网站https://www.paradev.co.uk/ee-live/home-alt/我想要发生的是在最后一张幻灯片之后,用户可以继续向下滚动到其余部分页面,然后向上滚动滑块再次使用鼠标滚轮工作。
我必须添加“向下滑动”文本和箭头以允许跳转到下一部分。这并不理想,一旦正常工作就会被删除。
我已经通过添加该功能slideChangeTransitionEnd并禁用 mousweheel 来获得我想要的东西。这符合我想要的向下滚动并经过容器的目的,但我找不到一种方法来反转它以向上滚动。
var swiper = new Swiper(".mySwiper", {
direction: "vertical",
slidesPerView: 1,
direction: "vertical",
slidesPerView: 1,
speed: 1000,
spaceBetween: 0,
roundLengths: true,
centeredSlides: true,
mousewheel: {
forceToAxis: true,
sensitivity: 1,
releaseOnEdges: true,
},
mousewheel: true,
pagination: {
el: ".swiper-pagination",
clickable: false,
},
});
swiper.on('slideChangeTransitionEnd', function () {
swiper.mousewheel.disable();
});
Run Code Online (Sandbox Code Playgroud)
有任何想法吗?谢谢。
注意: 滑动器位于 ID 为“slider”的部分,下面的部分的 ID 为“festivals”。如果这提供了另一种方式