微信小程序使用echart层级问题(IOS)

    xiaoxiao2022-07-12  144

    问题场景:

    在开发小程序的时候,用到了echart。echart是用canvas画的。在小程序里面层级是最高的。所以出现了这个问题:

    而实际图是这样的:

    也就是说手指滑动图表的时候。整个图会上滑动。

    问题原因:

    页面中布局用了fixed。而ios在fixed上的坑就是:层级高的只要触摸滑动,层级低的内容就会跟着滑动。

    通常解决方法是:

    层级高的加catchtouchmove="doNothing"。

    但是echart问题是设置了catchtouchmove后还是无效。

    所以这个问题的最后解决方法就是:页面中用到fiexd的地方去掉,用其他方法实现。

    总结:ios尽量少用fiexd!!!!

     

    最新回复(0)