有没有简单的方法来移动Zepto动画的隐藏图像？

我目前正在尝试让图像在特定路径中移动。当它完成后，它自己隐藏起来，然后再次移动到起始点，等待用户输入并开始下一个。我在这两个Zepto中使用anim函数，但是我注意到，当隐藏动画时，程序崩溃。有人能告诉我如何解决这个问题，或者通过不同的方式来移动它，或者我需要用anim（）做些什么？有没有简单的方法来移动Zepto动画的隐藏图像？

感谢您的帮助。

来源

2012-01-13 CSturgess

你是什么意思的崩溃？我猜你在动画完成时使用回调来触发下一步，并且您正在使用display:none或visibility:hidden来隐藏您的元素。

如果是这种情况，那么您面临的问题是，动画发生时动画回调不会触发。该回调基于webkitTransitionEnd函数，该函数仅在发生转换时触发。这些转换实际上不会发生在A）布尔属性如可见性和B）完全隐藏并且不被渲染的对象。

解决这个问题的最简单方法是不要从渲染中删除图像，通过使用opacity: 0或将z-index更改为低于所有其他元素将其消失。通常，我所做的是有两种状态：{opacity:1, zIndex: 10000}和{opacity:0, zIndex: -1}。这样，当对象完全淡出时，它不会阻挡其他元素，并且它会平滑淡化。（从-1到1的zIndex在非常低的不透明度下发生。）

来源

2012-01-16 18:00:13

有没有简单的方法来移动Zepto动画的隐藏图像？

回答

相关问题