1

Web サイトにパララックス スクロールを実装していますが、モバイル デバイスでは機能しません。モバイル デバイスに実装する方法がわかりません。これは、モバイル ディスプレイがタッチ スクリーンであるため、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>

4

1 に答える 1

0

確かに、このbackground: fixed;ルールはモバイル (Webkit) ブラウザーでは機能しません。考えられる回避策については、この質問を参照してください。

于 2016-08-06T23:07:30.133 に答える