html - 在没有背景附件的情况下使视差在 iOS 上工作 :fixed

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 一起使用，但总有另一种方法。