0

我正在构建一个移动应用程序。您可以滑过多个元素。我已经尝试过jquery 动画功能，但我并不满意......所以我潜入了css3过渡。这就是我卡住的地方。应用程序的导航模块依赖于使用jquery's is("visible") 的滑动元素的显示属性。想就这样离开它。

问题是webkit在显示属性更改后无法使用事务。在显示属性更改后添加过渡 css 类也无济于事。这就是我不明白的。不知何故，webkit 知道我之前更改了 display 属性。为什么？

所有解决方法都基于不使用 display 属性。通过以浏览器不知道元素已从无更改为显示的方式更改元素可能有解决方法？几年过去了……

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

4

1 回答 1

0

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

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

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

于 2013-09-05T13:50:37.743 回答