收藏
回答

scroll-view竖向滚动点击事件失效

现在的问题是,在手机端,如果右侧商品列表没有撑开scroll-view的时候,我用手指上下滑之后,再点击左侧的列表选项卡第一次是没法触发点击事件的。每次都是第二次点击才触发。如下图,如果列表撑开了滚动,可以滚动的话就没事。不知道是什么原因阻止了左侧的点击事件。求解答



这是HTML布局


这是CSS布局

回答关注问题邀请回答
收藏

18 个回答

  • ZaKing
    ZaKing
    2018-01-16

    代码有点乱,劳您费神了。

    2018-01-16
    有用
    回复
  • ZaKing
    ZaKing
    2018-01-16

    我需要在这个方法里面写什么实现?首先我的事件逻辑不需要touchmove这个事件,其次在good-part或者选项卡和商品曾都不需要这个事件啊,只是单纯的需要scroll-view的滚动就可以了。我需要在这个方法里做些什么事情么?

    2018-01-16
    有用
    回复
  • ZaKing
    ZaKing
    2018-01-16

    没有啊,里面没有内容啊,因为这一层我不需要处理什么东西的啊

    preventEvent(e){

    },


    2018-01-16
    有用
    回复
  • ZaKing
    ZaKing
    2018-01-16

    </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>


    2018-01-16
    有用
    回复
  • ZaKing
    ZaKing
    2018-01-16

    我试了下没效果啊,touchmove事件是触发了,但是还是点击不了。触发事件的内部试了js原生的阻止冒泡的方法也是不行的。求教是什么原因?

    2018-01-16
    有用
    回复
  • ZaKing
    ZaKing
    2018-01-16

    只在good-part加个catchtouchmove事件就可以?事件不用写其他的代码么?

    2018-01-16
    有用
    回复
  • ZaKing
    ZaKing
    2018-01-16

    我的意思是说为什么要在good-part这一层阻断,good-part是包裹左右两个部分的父级,这个滚动回弹不是在scroll-view组件里么?

    2018-01-16
    有用
    回复
  • ZaKing
    ZaKing
    2018-01-16

    我还是没太明白,我是再左右两侧的选项卡列表和商品列表上又scroll-view组件,也是在这两个组件上做一些事件的绑定,那么给good-part阻断事件冒泡有什么作用么?

    2018-01-16
    有用
    回复

正在加载...

登录 后发表内容