收藏
回答

请问如何使moveable-area组件,如何在安卓真机上不遮挡下层的滑动事件?

已经尝试过css3的pointer-events,在开发工具上和苹果真机能正常使用。

但是在安卓机器上,pointer-events: none;只穿透了press,touch等事件,下层被遮挡的scroll-view控件无法被滚动。

后续也尝试了组件插槽的方式,发现向插槽内插入的文本不是被插入到moveable-area区域中,而是被插入到它的兄弟节点中




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

2 个回答

  • 阿旺
    阿旺
    2020-09-22

    精髓之处在于设置moveable-area的长度时,要比moveable-view短,短的距离正好是下层滑动区域的宽度(记得要把area区域通过transformX往左移下层区域的宽度)这样moveable-view滑动过去的时候下层区域就可以点开了,我封装了一个这样的组件提供两个slot (一个上层区域top,一个下层自定义区域bottom,当滑动区间超过下层区域一半的时候打开,需要的加我wx:xww18240119257


    2020-09-22
    有用
    回复
  • 飞
    2020-07-02

    是啊,我也碰到了,请问有啥好的解决办法吗?

    2020-07-02
    有用
    回复 1
    • 六爷赞了您的朋友圈并摸了您的头
      六爷赞了您的朋友圈并摸了您的头
      2020-07-02
      实在么办法,自己通过事件机制实现的非原生组件拖拽卡顿严重,影响体验。最后和客户协商从上游解决问题了
      2020-07-02
      回复
登录 后发表内容
问题标签