场景:一个顶部选项卡,每个选项卡下边是一个长列表。当用户在上下拖拽列表的时候,总会触发左右的滑动。。。只要触发了左右滑动,那么上下拖拽的动作立马停了。。。不松开手指,不可能再继续上下拖拽了。
我现在需要能自定义上下拖拽的时候,允许或者不允许左右滑动(绝大部分场景是不允许的,如ios上的各种应用,从没见过允许的)。
我自己能想到的就是,在上下拖动的过程中,记录下状态(当前正在上下拖拽),此时拖拽只有两个方向了:上、下;如果手势向左右方向,则左右不动,上下不动;如果向右上方, 则向上滑动。
建议增加某区域的滑动判定方向函数回调,或者配置。
比如我的这个场景,我希望横向偏移20度以内的才算横向滚动意图,否则都算做竖向滚动意图。
官方的例子,在安卓上如我上边的描述,上下滑动过程中还能左右滑动。。
ios还过的去,上下的时候不能左右。但是会偶尔停住,估计跟方向判断还是有关系。
wclssdn (作者)
顶部选项卡-可左右拖动(div) (examples/tab-with-viewpagerindicator.html)这个例子,可以尝试把第一个选项卡的列表拉长(操作区域高度),然后,操作下看看效果。
当我想要上下滑动的时候,90%以上会导致横向滚动。而ios上的这种可左右滑动的列表,在上下滑动的时候,从来不会这样。就此例子也是,在ios上的效果会好很多。
2016-05-04 12:35
前海万联
上下滑动时候, [滑动触发列表项] 是会左右滑动
2019-03-26 05:28