怎么判断手机端手势滑动方向向上还是向下?

时间: 作者:admin 浏览:
网上查了很久的资料关于判断手机滑动手势是向上还是向下,竟然没找到一个好用点的,最后发现利用swiper插件来判断是最好的,不仅可以支持PC端鼠标还支持手机端滑动的Touchmove等事件,用起来也很简单:
用法:
先引用swiper插件,百度搜索就有,然后执行以下代码: (注:绑定html或者body都有效)
 <script src="swiper-3.4.2.jquery.min.js"></script>
 <script>
     var mySwiper = new Swiper('html',{
	 onTouchMove: function(e){
            var dist=e.touches.currentY-e.touches.startY;
            console.log(dist);
            if(dist<0){
              //向上
            }else if(dist>0){
               //向下
            }

	 }
     })
 </script>
微信公众号
微信公众号:
  • 前端全栈之路(微信群)
前端QQ交流群
前端QQ交流群:
  • 794324979
  • 734802480(已满)

更多文章

栏目文章


Copyright © 2014-2023 seozhijia.net 版权所有-粤ICP备13087626号-4