商品列表 ,既有上下滑动 也有左右滑动 。左右滑动用的是 touchStart 和 touchEnd
原理是:记录 touchStart 起始点的 X和 Y坐标 然后 记录 touchEnd起始点的 X和 Y坐标 两者比较判断是否满足滑动。
在真机测试的时候 发现 一个很有趣的事情 滑动结束的时候 两者的Y坐标相差无几 ,即使动作幅度很大 也是如此。仅仅Y坐标,X坐标正常。
出现这种情况的时候 画面都是随着手指有移动的现象。
所以我猜测 是因为画面随着手指一起移动 ,Y坐标其实没有变化 。 不管我的动作幅度有多大 ,touchEnd所记录的坐标 其实就是我的起始坐标,因为页面已经随着我的手指一起移动。而ttouchStart 和 touchEnd记录的都是页面的坐标位置 。
所以 用touchStart 和 touchEnd 来做左右滑动 此路不通 。我用的是华为畅玩7做的测试 。其他机型没试过。
所以准备变通一下 。
并向各位请教 上下滑和左右滑 都实现的话 用什么来做?
用touch事件实现,可触面积过大的话要考虑上下滑动是否会影响列表的滚动
不太懂你的意思。我最后搞了三个参数来做判断:touch的x,y坐标和滚动条位置,实测效果基本满意。至于我在问题中提到的,y坐标随着页面滑动失效的问题,真的没有听别人提起过,我实测中确实存在。