菜鸟一枚,希望大家赐教。。
想实现一个内部既可以缩放拖动,又可以移动的控件。但是movable-view的direction貌似不支持动态从none改变到all,disable属性的变化也不能在一次滑动事件里面改变。
求解答一下,跪谢。。。
试了一下:小米Mix2S有这个情况,苹果7上没有。。。
- 当前 Bug 的表现(可附上截图)
当长按图片的时候,显示一个覆盖层,然后跟随手指移动。如果手指在长按之后向上,向右,向左滑动都还流畅,但是如果手指直接向下滑动整个过程就会出现明显抖动。
- 预期表现
向各个方向的行为一致
- 复现路径
- 提供一个最简复现 Demo
wechatide://minicode/EdFFeSmL7Z1S
touch-action: none ;
滑动时 `touch-action:none`.
停止后 `touch-action:manipulation`
用户手势别被微信发现,就不会卡了。
这个问题,来于手势事件被微信截流了。捕捉冒泡都没用。
当然对元素,添加will-change:transform . contain:strict.会对渲染上有一定的辅助作用。
注意要在,事件捕捉时,就禁止。等到冒泡,就不生效了。
如果这个touchAction没有其他副作用,那就直接样式禁掉,不用做行为操控。
解决了没有,我现在wxs使用setStyle方法,transform
按住向下滑动时也是卡顿
其他方向都是好的
哪怕斜着向下都是没有问题的,唯独直线下滑卡顿
我是小米9,调试库2.9.4,开发工具是稳定版v1.02.1911180
是bug?还是在特定手机存在的问题?
bug是当前 Bug 的表现部分,最上面那部分是我的最早的预期失败的做法。。
大家走过路过进来瞅一眼呗。。
translateY的值就会出现抖动,添加了过渡属性transition:transform 0.3s;