当前位置: 代码迷 >> 综合 >> Swiper.js 垂直滚动下,Swiper释放鼠标滚轮事件问题。
  详细解决方案

Swiper.js 垂直滚动下,Swiper释放鼠标滚轮事件问题。

热度:31   发布时间:2023-11-18 01:57:31.0

参考了官网写法,发现垂直滚动下,当滑动滚动时,到了处于边缘位置时(第一个或最后一个slide),无法释放鼠标滚轮等问题。从而导致无法继续释放下滑或者上滑。只能停留在滚屏内。

重新整理了下代码。完美解决。

配置文件写法

//DOM
var swiper = new Swiper('.swiper-container', {direction : 'vertical',//设置垂直slidesPerView: 3,//3列mousewheel: true,//开启鼠标speed:200,//滚动速度mousewheel: {releaseOnEdges: true,//PC端释放滑动	},//分辨率判断breakpoints:{768: {  slidesPerView: 2,touchReleaseOnEdges:true,//移动端释放滑动	},},});?

 

  相关解决方案