微信小程序切换tab时动画执行问题

微信小程序的开发和H5开发有很多差异。当页面内有“打开”“收起”这样的往复动画的时候,我们一般使用类名来控制动画,然后在js的事件中去改变类名。如下图。

微信小程序切换tab时动画执行问题微信小程序切换tab时动画执行问题

这样做的效果还是不错的,但是,如果当页面中有需要切换的显示块的时候,效果就差强人意了。因为你切换到别的块,再切换回来的时候,已有类名的动画就执行一次,很显然只是切换显示块的时候我们是不需要让页面再执行动画的。

微信小程序切换tab时动画执行问题

暂时本人没有想到别的比较好解决的办法,只能放弃掉“收起菜单”的动画,让其直接隐藏。 当我们切换到其他块的时候,class强制修改成“收起菜单”,当页面再切换回来的时候,就不会有动画执行。  只是这样做,放弃掉了“收起菜单”的动画。  

希望有朋友有更好的解决办法。

‘’