y溢出：在css动画中可见，无法在iPhone上运行

Question

我使用html / css为我的苗条应用制作了初始屏幕。将播放动画，然后将div发送到屏幕视图的上方和下方，并使其隐藏。该初始屏幕在台式机和笔记本电脑上都很好用，但是由于某种原因，每当我在iPhone上访问我的网站时，我都无法滚动查看我网站的最佳状态。

我正在使用以下代码删除滚动功能，直到初始屏幕动画播放完为止。由于某种原因，overflow-y: visible似乎并没有在Iphone上生效。

代码

@keyframes bodyFade {
  from {
    overflow: hidden;
  }

  to {
    overflow-y: visible;
  }
}

body {
animation: bodyFade 6s forwards;
}