收藏
回答

transform: translate移动控件,初始向下时会卡顿,其他方向不会

框架类型 问题类型 API/组件名称 终端类型 微信版本 基础库版本
小程序 Bug View 工具 6.7.2.1340 2.2.4

菜鸟一枚,希望大家赐教。。

想实现一个内部既可以缩放拖动,又可以移动的控件。但是movable-view的direction貌似不支持动态从none改变到all,disable属性的变化也不能在一次滑动事件里面改变。

求解答一下,跪谢。。。

试了一下:小米Mix2S有这个情况,苹果7上没有。。。


- 当前 Bug 的表现(可附上截图)

当长按图片的时候,显示一个覆盖层,然后跟随手指移动。如果手指在长按之后向上,向右,向左滑动都还流畅,但是如果手指直接向下滑动整个过程就会出现明显抖动。


- 预期表现

向各个方向的行为一致


- 复现路径


- 提供一个最简复现 Demo

wechatide://minicode/EdFFeSmL7Z1S

最后一次编辑于  2018-08-23
回答关注问题邀请回答
收藏

3 个回答

  • JustFunction
    JustFunction
    2020-08-04

    touch-action: none ;

    滑动时 `touch-action:none`.

    停止后 `touch-action:manipulation`

    用户手势别被微信发现,就不会卡了。

    这个问题,来于手势事件被微信截流了。捕捉冒泡都没用。

    当然对元素,添加will-change:transform . contain:strict.会对渲染上有一定的辅助作用。

    2020-08-04
    有用 4
    回复 1
    • JustFunction
      JustFunction
      2020-08-04
      touchstart时。禁止touchAction。
      注意要在,事件捕捉时,就禁止。等到冒泡,就不生效了。
      如果这个touchAction没有其他副作用,那就直接样式禁掉,不用做行为操控。
      2020-08-04
      回复
  • 2019-12-31

    解决了没有,我现在wxs使用setStyle方法,transform

    按住向下滑动时也是卡顿

    其他方向都是好的

    哪怕斜着向下都是没有问题的,唯独直线下滑卡顿

    我是小米9,调试库2.9.4,开发工具是稳定版v1.02.1911180

    是bug?还是在特定手机存在的问题?

    2019-12-31
    有用
    回复
  • 对方正在输入...🚉
    对方正在输入...🚉
    2018-08-23

    bug是当前 Bug 的表现部分,最上面那部分是我的最早的预期失败的做法。。

    大家走过路过进来瞅一眼呗。。

    2018-08-23
    有用
    回复 1
    • 赵青山
      赵青山
      2019-11-26
      你好,这个问题解决了没有,我也是在bindtouchmove方法里不断的修改
      translateY的值就会出现抖动,添加了过渡属性transition:transform 0.3s;
      2019-11-26
      回复
登录 后发表内容