在 Swiper.js 最后一张幻灯片之后继续滚动

Question

我需要 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();
    });

有任何想法吗？谢谢。

注意： 滑动器位于 ID 为“slider”的部分，下面的部分的 ID 为“festivals”。如果这提供了另一种方式

Answer 1

我认为，解决你的问题太费率了。

我今天和你处理同样的问题。但是，最后我解决了这个问题。

尝试删除下面的选项。

mousewheel: true,

并保留以下选项。

"mousewheel: {
    forceToAxis: true,
    sensitivity: 1,
    releaseOnEdges: true,
},"

我就是这样处理这个问题的。我希望这会有所帮助。