码迷,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
迷上了代码!