Html 简单角度路线更改动画在移动设备上不起作用？

在我的AngularJS应用程序中，我为每个进入和离开路线都有一个基本的滑入滑出动画

这些动画在桌面上运行得很好，但在移动设备上会出现bug。不过，它们似乎在dev工具模拟器中工作

我一直在追查，这与视图位置未正确设置为

绝对

位置有关。似乎在加载新视图时，它们都存在于页面中，从而使页面宽度增加两倍，直到卸载并删除旧视图。然后，我在父容器上尝试了一个位置

relative

，但没有成功

---

使用

overflow:hidden

作为视图的容器，对于plnkr，它是

如果页面上有垂直滚动条，该怎么办？我试过只使用

overflow-x:hidden

，尽管这只是完全删除了我的垂直滚动，并没有解决动画问题。你试过将

overflow-y

设置为“自动”或“滚动”吗？啊，好的，嗯，是的，这就成功了。只需一个简单的

overflow-y

到

auto

。我把它放在另一个div容器上，但把它移到了身体上，现在它开始工作了：）