场景介绍(如下图):
滑块只在小于屏幕宽度的范围内移动,上方日期是个swiper,可以左右滑动,滑块滑动到哪个日期哪个日期突出显示,或者日期滚动到滑块位置也突出显示
问题:
滑块使用的是moveable-view内嵌图片,检测滑块位置是在moveable-view的touchEnd事件中(因为要是在change事件中可能会存在性能问题),moveable-area的宽度设置为小于屏幕宽,moveable-view的宽度设置为更小,向右滑动moveable-view至手指超出屏幕范围,会触发touchEnd事件,但是向左滑动至手指超出屏幕范围就不会触发touchEnd事件,会造成以下情形出现:
模拟器上,是这样
嗯,真机试了下没问题,但是发现了一个关闭小程序的异常操作(猜测可能是小程序中moveable-view的手势和微信自身的手势交互上的冲突):
手指按住moveable-view向右下滑动,会触发整个小程序被下拉,露出微信原生的页面,然后小程序被拉下去关闭了😆
右滑有关闭和返回上一页的功能,这个东西没法禁用的哦~
哦,是的
灰常感谢大佬的热心解答,蟹蟹!
像上边的这种场景有没有更好的实现方法?麻烦给个思路