html - 我们如何修复移动设备中的“背景附件：固定”以进行视差设计？

Question

我正在我的网站中实现视差滚动，但它不适用于移动设备，我不知道如何在移动设备上实现它。我认为这是因为，移动显示器是触摸屏，所以我们必须用手指来滚动，就像在 PC 中我们可以用鼠标滚动一样。提前致谢。

.section1 {
  background: url(https://hd.unsplash.com/photo-1465420961937-e0eba4dda519) no-repeat fixed center;
  width: 100%;
  height: 500px;
}
.section2 {
  background: url(https://hd.unsplash.com/photo-1462121457351-9fb0f5622b72) no-repeat fixed center;
  width: 100%;
  height: 500px;
}
.section3 {
  background: url(https://hd.unsplash.com/photo-1465420961937-e0eba4dda519) no-repeat fixed center;
  width: 100%;
  height: 500px;
}

<div class="section1"></div>
<div class="section2"></div>
<div class="section3"></div>

Answer 1

好的，该background: fixed;规则确实不适用于移动（webkit）浏览器。有关可能的解决方法，请参阅此问题。