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

【问题标题】：Continue to scroll after Swiper.js last slide在 Swiper.js 最后一张幻灯片之后继续滚动
【发布时间】：2021-08-10 16:17:39
【问题描述】：

我需要一些有关 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();
    });

有什么想法吗？谢谢。

注意 swiper 位于 ID 为“slider”的部分中以下部分的 ID 为“festivals”。如果这提供了另一种方式

【问题讨论】：

标签： mousewheel swiper.js

【解决方案1】：

我认为，解决您的问题太费劲了。

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

尝试以下选项的 romove。

mousewheel: true,

只需留下以下选项。

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

这就是我处理问题的方式。我希望它会有所帮助。

【讨论】：