- jQuery移动端滑动插件
- touchScroll.js v1.1.1
- copyright-BenjaVan
- 2017.11.22
<div class="box">
<ul>
<li>1</li>
<li>2</li>
<li>3</li>
...
</ul>
</div>
$(function () {
// 横向滑动
// 需要设置ul长度
var width = 0;
$(".ul1 li").each(function () {
width += $(this).outerWidth(true);
})
$(".ul1").width(Math.ceil(width));
jQuery.touchScroll({
swipeJQDom: '.box1', //父容器
swipeDistance: '80', //缓冲距离
// swipeType: 'x' //移动方向 此项不填写 默认为x
})
})
(function () {
jQuery.touchScroll({
swipeJQDom: '.box', //父容器的选择器
swipeDistance: '150', //缓冲距离
swipeType: 'x' //移动方向 此项不填写 默认为x
})
}());