小编PAR*_*ave的帖子

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

我需要 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”。如果这提供了另一种方式

mousewheel swiper.js

6
推荐指数
1
解决办法
1万
查看次数

标签 统计

mousewheel ×1

swiper.js ×1