html5 滑动事件

来源:互联网 发布:淘宝模特招聘兼职 编辑:程序博客网 时间:2024/06/01 08:45
$(document).ready(function(){var startX,startY,endX,endYvar scrollTopVal=0; //左右滑动请自行修改//假定接受手指触摸事件的Dom对象id是"touchBox"document.getElementByIdx_x("touchBox").addEventListener("touchstart", touchStart, false);document.getElementByIdx_x("touchBox").addEventListener("touchmove", touchMove, false);document.getElementByIdx_x("touchBox").addEventListener("touchend", touchEnd, false);//里面getElementByIdx_x 中 x_x 是新浪自己加的,用的时候请去掉function touchStart(event){ var touch = event.touches[0]; startY = touch.pageY;}function touchMove(event){ var touch = event.touches[0]; endY = (startY-touch.pageY);   if(scrollTopVal==0){$("#touchBox").scrollTop((endY+100));}else{        $("#touchBox").scrollTop(scrollTopVal+endY+100);} }function touchEnd(event){event.preventDefault();scrollTopVal=$("#touchBox").scrollTop();}});
0 0
原创粉丝点击