需要css3转换显示属性问题解决方法

Question

我正在构建一个移动应用。您可以浏览多个元素。我尝试了jquery 动画功能，但我并不满意......所以我深入研究了css3过渡。那就是我被困住的地方。应用程序的导航模块取决于使用jquery的滑动元素的显示属性（“可见”）。想这样离开。

问题是 webkit 在显示属性更改后无法使用交易。在显示属性更改后添加转换css类也无济于事。这就是我不明白的地方。不知何故，webkit知道我之前已经改变了display属性。为什么呢？

所有变通方法都是基于不使用display属性。可能有一种解决方法，通过改变元素的方式，浏览器不知道元素从无变为显示？ A几年过去了......

所以我想知道是否有另一种解决方法，所以我可以使用display属性或任何其他解决方案，或者我真的被迫不使用display属性？在这种情况下，我必须检查外部元素的当前位置，并确定哪些导航选项应该可用。

Answer 1

正如我在上面的评论中所提到的，我建议的解决方案是这样的： http://jsfiddle.net/AALmx/5/ 首先显示隐藏的元素，然后以20的最小延迟启动动画。

$hiddenElement.show()
window.setTimeout(function () {
    $hiddenElement.css("right", "0")
    $toBeHiddenElement.css("left", "-50%")
    // and so on
})

您的用户可能不会注意到这一点，延迟时间比动画短，因此页面的可用性没有问题。