zoukankan      html  css  js  c++  java
  • js实现页面触摸滑动

    先设置一个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) 
  • 相关阅读:
    动手动脑——登录界面
    异常处理动手动脑问题
    继承与多态
    课程作业04——动手动脑(字符串String)
    创建过的对象的个数
    类和对象动手动脑问题
    第二周进度条
    构建之法阅读笔记01
    新课程界面
    软件工程概论课后作业01
  • 原文地址:https://www.cnblogs.com/oskyhg/p/6545362.html
Copyright © 2011-2022 走看看