移动浏览器使用Animate.css保留空白

我一直在使用Animate.css在我的网站上设置一些整页动画，但是，我发现移动浏览器似乎无法在动画结束后重新计算页面大小，通常会在元素开始动画时在屏幕上留下大量空白

基本上，我有Animate.css动画，使整个页面大小的div从侧面和底部滑入，而侧面div似乎不会引起太多的bug，而slideUp似乎会在底部留下很多空间。动画完成后，所有div都设置为

display:none

这可能与具有

overflow-y:visible有关在我身上

我真的看到了我正在测试的iPad上的问题，Chrome最终检测到了新的页面大小并删除了空白（经过一段时间的延迟），而Safari似乎永远也无法解决这个问题

有没有关于黑客可能会迫使移动浏览器重新计算页面大小的想法，或者更具体的修复方法？
我也有同样的问题，但我只是从侧面制作动画。添加
溢出-x：隐藏
到main
div
为我修复了这个问题，因此您可能想考虑不使用
overflow-y:visible
；以某种方式这似乎是移动浏览器的一个缺陷。
这是一个过于笼统的答案，没有任何价值。我认为这适用于overflow-x隐藏，但我希望人们能够向下滚动，因此overflow-y需要可见。你知道吗？我想我最终完全重做了我的动画（我想我最终使用的是Velocity.js），并去除许多复杂的计算，如阴影，以加快速度。所以我认为我从来没有解决过这个问题。