js实现pc端页面的手势滑动
来源:互联网 发布:室内设计软件培训 编辑:程序博客网 时间:2024/06/08 09:38
js实现pc端页面的手势滑动,支持上下和 左右滑动
id 传入产生滚动条的 dom ;
function CreatDrag(id) {
var oBox = document.getElementById(id);oBox.onmousedown = function(ev) {
var ev = ev || event;
var Y = ev.clientY;
var X = ev.clientX;
var ToTop = document.getElementById(id).scrollTop;
var Toleft = document.getElementById(id).scrollLeft;
oBox.onmousemove = function(ev) {
ev = ev || event;
var subY = ev.clientY - Y;
var subX = ev.clientX - X ;
Y = ev.clientY;
X = ev.clientX;
ToTop -= (subY);
Toleft -= (subX);
document.getElementById(id).scrollTop = ToTop;
document.getElementById(id).scrollLeft =Toleft;
}
document.onmouseup = function() {
oBox.onmousemove = function() {
null;
}
}
}
}
阅读全文
0 0
- js实现pc端页面的手势滑动
- H5测试PC端实现手势滑动
- 使用hammer.js实现移动端webAPP手势滑动切换页面
- android_手势滑动的实现
- Android 页面手势滑动
- 滑动页面的实现
- *Android手势识别(左右滑动)实现页面切换
- Android 手势识别 (左右滑动)实现 页面 切换
- Android 手势识别 (左右滑动)实现 页面 切换
- 实现Fragment滑动onFling的手势识别
- Widget中使用js实现页面的滑动效果
- 用js实现页面布局的滑动门和TAB
- view实现手势滑动
- ViewFlipper实现手势滑动
- 页面布局移动端和pc端的转换 js
- Viewpager_Fragment实现的页面滑动
- 浅谈移动端之js touch事件 手势滑动事件
- 用ViewFlipper实现手势滑动
- 对线性回归、逻辑回归、各种回归的概念学习
- 前端开发必备!Emmet常用语法
- 内存分配分为三种:静态、栈区、堆区
- 路由器RIP协议的配置
- 4.3(1)
- js实现pc端页面的手势滑动
- [BZOJ]2734 [HNOI2012] 集合选数 状压DP 思路神题
- js延迟加载
- Java8 中的接口
- C#连接sql数据库两种方法
- 字符串的交错组成
- 基础语言要素
- Android BLE 操作
- Java中数值类型之间的转换