兼容PC和移动端的jQuery拖拽插件dragscroll.js
时间:2019-08-21 15:08
更新时间: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();
教程排行
- 1uniapp怎么刷新当前页面
- 2uniapp如何禁止页面滑动
- 3html如何设置背景颜色?两种方法教会你
- 4html如何给div加边框
- 5HTML网页自动跳转的5种方法
- 6uniapp如何实现跳转至浏览器
- 7html网页乱码原因以及解决办法
- 8uniapp怎么去掉标题栏
- 9uniapp如何封装request请求
- 10如何解决uniapp icon不显示的问题
- 11uniapp如何设置动态启动页
- 12html表格如何设置间距
- 13命令行如何更新node版本?
- 14怎么用npm安装vue
- 15uniapp如何取消页面滚动条
- 16uniapp如何实现微信授权登录
- 17教你使用ps制作真实水效果(技巧分享)
- 18如何解决uniapp本地图片不显示的问题
- 19vue.js如何循环数组
- 20uniapp如何设置导航栏隐藏显示