时间戳

首页 > 解决方案 > 当滑块位于开头或结尾并启用 freeMode 参数时，如何禁用页面滚动？

javascript - 当滑块位于开头或结尾并启用 freeMode 参数时，如何禁用页面滚动？

问题描述

版本 Swiper - 6.7.5

滑块就像启用了 mousewheel.releaseOnEdges 参数一样工作

我试图以这种方式解决问题，但没有奏效

let slider= new Swiper('.slider', {
  spaceBetween: 45,
  slidesPerView: 'auto',
  mousewheel: true,
  allowTouchMove: true,
  freeMode: true,
  scrollbar: {
    el: '.scroll',
    hide: false,
    draggable: true,
  },
  on: {
    scroll: function (swiper, event) {
      let scrollTop = window.pageYOffset || document.documentElement.scrollTop;
      let scrollLeft = window.pageXOffset || document.documentElement.scrollLeft;
      if (swiper.isBeginning || swiper.isEnd) {
        window.scrollTo(scrollLeft, scrollTop);
      }
    }
  }
});

标签： javascriptswiper

解决方案

推荐阅读