在没有背景附件的情况下使视差在 iOS 上工作：已修复

Question

有谁知道是否有合理的方法可以使这种视差背景滚动效果在 iOS 设备上工作？这是我正在处理的页面。 http://districtdentalontheouachita.com/new/

现在我要做的就是使用 background-attachment: fixed;

这是我的部分的 css

.section1 {
  width:100%;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  background-size: cover;
  background-image: url("images/dental1.jpg");
  background-attachment:fixed;
}

客户端真的很想要这个效果，但我不能让它在iOS上工作......

Answer 1

改用position: fixed，然后进行一些位置调整。

position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;

这个，加上一些 z-index，可以在任何设备上产生效果。很遗憾 ios 不能与background-attachment: fixed 一起工作，但总有另一种方法。