您的位置: jquery插件库 > 输入→ 兼容PC和移动端的jQuery拖拽插件dragscroll.js

兼容PC和移动端的jQuery拖拽插件dragscroll.js

资源来源网络,如果需要授权,请大家更换源码,模块仅供学习,下载后请2小时内删除,如需商用请购买正版授权 兼容PC和移动端的jQuery拖拽插件dragscroll.js演示图片

更新时间:2019-08-17 00:29:39

更新说明:新增拖动开始、拖动中、拖动结束后三个回调函数

1
2
3
4
5
6
7
8
9
10
11
$('.drag').dragscroll({
onStart: function($this) {
console.log($this);
},
onMove: function($this) {
console.log($this);
},
onEnd: function($this) {
console.log($this);
}
});

更新时间:2019-08-12 23:56:29

dragscroll.js

兼容PC和移动端拖拽滚动jQuery插件

使用方法

需要调用jquery库和jquery.dragscroll.js

1
2

html

1
2
3
4
5
jQuery是一个快速、简洁的JavaScript框架......

css

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
.drag-box {
width:400px;
height:200px;
margin:20px auto;
overflow:hidden;
border:1px solid #e8e8e8;
background:#f8f8f8;
line-height:25px;
font-size:14px;
}
.drag {
width:150%;
padding:10px;
cursor:grab;
-moz-user-select:none;
-webkit-user-select:none;
-ms-user-select:none;
-khtml-user-select:none;
user-select:none;
}

js

1
$('.drag').dragscroll();