仅在移动设备上禁用on滑块滑动。
仅在移动设备上禁用on滑块滑动。
提问于 2016-03-07 16:12:41
在CSS或Jquery功能中是否有一种方法(最好是简单的方法)可以在手机上禁用滑动手指触摸？我的例子是，我在网站上启用了in滑块，但在移动平台上，我用CSS分解了浮点，以静态的方式同时显示所有幻灯片(8)。问题是，这个功能仍然在运行，当我在滑块上滑动手指时，即使它看起来不再像滑块，它也会将照片块移出视口。
不管怎么说，只是想在手机里停止滑动的东西？谢谢
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-03-08 11:02:55
你试过touchEnabled: false吗？
也是oneToOneTouch: false为好的衡量标准。
$(function () {
var ss = $('.slideshow').bxSlider({
touchEnabled: false,
oneToOneTouch: false
});
});.shell {
max-height: 300px;
max-width: 400px;
}
img {
margin: 0 auto;
}<link rel="stylesheet" href="http://cdn.jsdelivr.net/bxslider/4.2.5/jquery.bxslider.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="http://cdn.jsdelivr.net/bxslider/4.2.5/jquery.bxslider.min.js"></script>
<section class="shell">
<ul class="slideshow">
<li>
<img src="http://placehold.it/666x375/000/Fff.png&text=FIRST" />
</li>
<li>
<img src="http://placehold.it/800x450/048/Fee.png&text=SECOND" />
</li>
<li>
<img src="http://placehold.it/720x404/fa8/375.png&text=THIRD" />
</li>
<li>
<img src="http://placehold.it/520x303/9a7/a10.png&text=FOURTH" />
</li>
<li>
<img src="http://placehold.it/640x360/fd3/b0d.png&text=FIFTH" />
</li>
<li>
<img src="http://placehold.it/480x270/fff/000.png&text=LAST" />
</li>
</ul>
</section>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/35848592
复制相关文章
相似问题
腾讯云开发者
