小程序
小游戏
企业微信
微信支付
扫描小程序码分享
现在的问题是,在手机端,如果右侧商品列表没有撑开scroll-view的时候,我用手指上下滑之后,再点击左侧的列表选项卡第一次是没法触发点击事件的。每次都是第二次点击才触发。如下图,如果列表撑开了滚动,可以滚动的话就没事。不知道是什么原因阻止了左侧的点击事件。求解答
这是HTML布局
这是CSS布局
18 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
@ZaKing 可以尝试一下在页面的json文件里加上
"disableScroll": true
来禁止整个页面的滚动,应该也能修复你的问题。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
问题找到了,原因还是滚动回弹导致,但是scroll-view组件的touchmove事件无法被catch阻拦导致catchtouchmove无效。我们后续会修复这个问题。
奇怪,方便把你这个页面的完整代码(wxml、wxss和js)贴出来么?敏感信息用一些没用的数据替代一下就行。
你的preventEvent方法有实现么?
哪一层都行啊,只要不冒到page上就可以。
,阻断冒泡可以阻断这个滚动回弹。
这是因为触发了页面的滚动回弹,而滚动中元素的子元素是不允许触发tap事件的。再加上你的页面元素是fixed定位,所以看不出页面滚动回弹的效果。
目前你可以通过给.good-part那个元素增加一个catchtouchmove句柄来阻断touchmove事件的冒泡,进而防止这种情况发生,比如
这个问题我们后续会继续跟进一下,看看有没有更优雅的解决方案。
可以了,解决了,非常感谢
但是我给这三层都加了catchtouchmove事件,也无法阻止么?
也就是说,如果按照我目前的写法,是无法解决这个滚动回弹所引起的问题的。是嘛
正在加载...
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
@ZaKing 可以尝试一下在页面的json文件里加上
"disableScroll": true
来禁止整个页面的滚动,应该也能修复你的问题。
问题找到了,原因还是滚动回弹导致,但是scroll-view组件的touchmove事件无法被catch阻拦导致catchtouchmove无效。我们后续会修复这个问题。
奇怪,方便把你这个页面的完整代码(wxml、wxss和js)贴出来么?敏感信息用一些没用的数据替代一下就行。
你的preventEvent方法有实现么?
哪一层都行啊,只要不冒到page上就可以。
,阻断冒泡可以阻断这个滚动回弹。
这是因为触发了页面的滚动回弹,而滚动中元素的子元素是不允许触发tap事件的。再加上你的页面元素是fixed定位,所以看不出页面滚动回弹的效果。
目前你可以通过给.good-part那个元素增加一个catchtouchmove句柄来阻断touchmove事件的冒泡,进而防止这种情况发生,比如
这个问题我们后续会继续跟进一下,看看有没有更优雅的解决方案。
可以了,解决了,非常感谢
但是我给这三层都加了catchtouchmove事件,也无法阻止么?
也就是说,如果按照我目前的写法,是无法解决这个滚动回弹所引起的问题的。是嘛