小程序
小游戏
企业微信
微信支付
扫描小程序码分享
现在的问题是,在手机端,如果右侧商品列表没有撑开scroll-view的时候,我用手指上下滑之后,再点击左侧的列表选项卡第一次是没法触发点击事件的。每次都是第二次点击才触发。如下图,如果列表撑开了滚动,可以滚动的话就没事。不知道是什么原因阻止了左侧的点击事件。求解答
这是HTML布局
这是CSS布局
18 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
代码有点乱,劳您费神了。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
我需要在这个方法里面写什么实现?首先我的事件逻辑不需要touchmove这个事件,其次在good-part或者选项卡和商品曾都不需要这个事件啊,只是单纯的需要scroll-view的滚动就可以了。我需要在这个方法里做些什么事情么?
没有啊,里面没有内容啊,因为这一层我不需要处理什么东西的啊
preventEvent(e){
},
</view>
<!--商品列表 -->
<view class='good-part' catchtouchmove='preventEvent'>
<!--左侧选项卡列表 -->
<view style='padding-bottom:120rpx;' catchtouchmove='preventEvent'>
<scroll-view class='select' scroll-y catchtouchmove='preventEvent'>
<view class='fnav' wx:for="{{nagivateList}}" catchtap='fSelect' data-index="{{index}}" data-flag="{{item.flag}}" data-id="{{item.id}}">
<view class='fcorver {{fAct==item.id?"fact":""}}'>
<view class='fname'>{{item.name}}</view>
我试了下没效果啊,touchmove事件是触发了,但是还是点击不了。触发事件的内部试了js原生的阻止冒泡的方法也是不行的。求教是什么原因?
只在good-part加个catchtouchmove事件就可以?事件不用写其他的代码么?
我的意思是说为什么要在good-part这一层阻断,good-part是包裹左右两个部分的父级,这个滚动回弹不是在scroll-view组件里么?
我还是没太明白,我是再左右两侧的选项卡列表和商品列表上又scroll-view组件,也是在这两个组件上做一些事件的绑定,那么给good-part阻断事件冒泡有什么作用么?
正在加载...
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
代码有点乱,劳您费神了。
我需要在这个方法里面写什么实现?首先我的事件逻辑不需要touchmove这个事件,其次在good-part或者选项卡和商品曾都不需要这个事件啊,只是单纯的需要scroll-view的滚动就可以了。我需要在这个方法里做些什么事情么?
没有啊,里面没有内容啊,因为这一层我不需要处理什么东西的啊
preventEvent(e){
},
</view>
<!--商品列表 -->
<view class='good-part' catchtouchmove='preventEvent'>
<!--左侧选项卡列表 -->
<view style='padding-bottom:120rpx;' catchtouchmove='preventEvent'>
<scroll-view class='select' scroll-y catchtouchmove='preventEvent'>
<view class='fnav' wx:for="{{nagivateList}}" catchtap='fSelect' data-index="{{index}}" data-flag="{{item.flag}}" data-id="{{item.id}}">
<view class='fcorver {{fAct==item.id?"fact":""}}'>
<view class='fname'>{{item.name}}</view>
我试了下没效果啊,touchmove事件是触发了,但是还是点击不了。触发事件的内部试了js原生的阻止冒泡的方法也是不行的。求教是什么原因?
只在good-part加个catchtouchmove事件就可以?事件不用写其他的代码么?
我的意思是说为什么要在good-part这一层阻断,good-part是包裹左右两个部分的父级,这个滚动回弹不是在scroll-view组件里么?
我还是没太明白,我是再左右两侧的选项卡列表和商品列表上又scroll-view组件,也是在这两个组件上做一些事件的绑定,那么给good-part阻断事件冒泡有什么作用么?