码迷,mamicode.com
首页 > Web开发 > 详细

js实现页面触摸滑动

时间:2017-03-13 23:44:34      阅读:241      评论:0      收藏:0      [点我收藏+]

标签:event   prevent   var   span   style   drag   log   scrolltop   dev   

先设置一个div  高度不能设置100% 。

window.addEventListener("load",function(){

  var addEventListener = addEventListener;

  var elems = document.getElementsByClassName(dragscroll);

  for(var i = 0;i<elems.lenth;){

    (function(elem,lastClientX,lastClientY,pushed){

      elem.addEventListner(mousedown,function(e){

        pushed=1;
        lastClientX = e.eclientX;

        lastClientY = e.clientY;
        
        e.preventDefault();
        e,stopPropagation();
    },0)
    elemetn.addEventListener(mousemove,function(e){

      if(pushed&&pushed==1){
         elem.scrollLeft -=(- lastClientX +(lastClientX=e.clientX));

         elem.scrollTop -=(-lastClientY+(lastClientY=e.clientY)); 

      }
    },0)
    elem.addEventListener(mouseup,function(){

      pushed=0;
    },0)
  })(elemes[i++]);
  }

},0) 

 

js实现页面触摸滑动

标签:event   prevent   var   span   style   drag   log   scrolltop   dev   

原文地址:http://www.cnblogs.com/oskyhg/p/6545362.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!