JUNER

一些笔记,一点生活

最怕一生碌碌无为,还说平凡难能可贵。最好的输入,是输出;最佳的成长,是分享。

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>


相关内容

JavaScript变量 - 给数据起个名字

在程序里面数据可以由变量来表示,变量其实就是数据的一个名字,命名了这个数据以后,在程序里面就可以使用变量来代替具体的数据。在JavaScript里面,想要使用一个变量,需要声明一下,声明变量使用 va...

笔记 · 2020-02-27修改 · 2020-02-27 09:45:36 · 24422

Javascript输入输出语句

Javascript(js)是一门编程语言,可以帮助我们在网页中实现和用户的一种交互效果,比如说我们可以弹出一个输入框让用户输入内容,然后让程序内部去处理,处理完之后,再把结果返回给用户,这就是我们一...

笔记 · 2019-12-24修改 · 2019-12-24 22:16:20 · 214352

Swiper插件设置禁止鼠标拖动

Swiper(Swiper master)是目前应用较广泛的移动端网页触摸内容滑动js插件。用swiper插件做PC端分屏项目一定能用到的目前遇到的问题是,客户想复制轮播上的文案,却不能复制,一拖拉轮...

笔记 · 2019-11-26修改 · 2019-11-26 11:13:57 · 52107

jquery-i18n点击网站多语言切换多语言方案

基于jquery的国际化工具类用于前端文本国际化,支持同时引入多个语言资源文件,更友好的支持中文环境,在中文环境下无需引入资源文件使用方法文件引入该插件依赖于jquery 和 js-cookie,可修...

笔记 · 2019-11-20修改 · 2019-11-19 23:43:15 · 72009