资源来源网络,如果需要授权,请大家更换源码,模块仅供学习,下载后请2小时内删除,如需商用请购买正版授权
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();
|