移动端滑动、滚动、点击三种事件

首页页面是进入半屏幕状态,当往上滑动时,不超过四分之一屏幕就返回半屏状态,当往上滑超过四分之一屏幕就让列表在顶部,到顶部的时候,往上触摸时,出现滚动,当往下触摸滑时到了顶部后在后往下,要是没有到达四分之一屏幕就返回顶部状态。

这里就出现了当到达顶部,不能滚动,在监听的时候touchmove后面加了event.preventDefault();就不能滚动了,所以判断是否在顶部在顶部就不执行touchmove的event.preventDefault(),

还有就是点击事件在touchend事件中添加了 event.preventDefault();就不能点击,所以在此事件不要添加即可。

这个涉及到地图 地图还得平移。

(图片1)

(图片2)

(图片3)

(图片4)

(图片5)

原文地址:https://www.cnblogs.com/fangyinghua/p/9378366.html