移动 - 正文：滚动前背景图像暂时中断

Question

当我在我的网站上滚动时，我的背景图像底部有一个白色条。图像附加到body:before {}。我已经尝试过各种CSS设置和技巧来规避这一点，但我似乎无法解决这个问题。我甚至尝试使用图像overflow 110vh来防止白色空间，但也失败了。

以下问题的示例。也许这与iOS严格相关？我使用的是iOS 10，我已经尝试过Chrome和Safari，但问题仍然存在。

这是我的website：

这是我的CSS：

body:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-width: 100vw;
  min-height: 110vh;
  z-index: -10;
  background: url(../css/images/brotherhoodSmall.jpg) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

对此有何建议？我已经不得不使用这种疯狂的body:before解决方法，因为background-attachment:fixed在iOS移动设备上运行良好。

由于