我们如何在视频设计的移动设备中修复“背景附件：固定”？

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）浏览器。有关可能的解决方法，请参阅this question。