Swiper插件设置禁止鼠标拖动
笔记 · 2019-11-26修改 · 2019-11-26 11:13:57 · 0
Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件。
用swiper插件做PC端分屏项目一定能用到的
目前遇到的问题是,客户想复制轮播上的文案,却不能复制,一拖拉轮播就会切换翻页,体验很不好。
swiper禁止鼠标拖动解决方法:
在swiper-container 加个class swiper-no-swiping即可禁止swiper鼠标拖动。
<div class="swiper-container-bg text-center"> <div class="swiper-container swiper-no-swiping"> <div class="swiper-wrapper" id="gallery"> <div class="swiper-slide"> <img class="spotlight" src="url" alt=""> <div class="pd-30"> 内容内容内容内容内容内容 </div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> </div> </div>