ios - デスクトップとモバイル デバイス (iOS) の両方で視差スクロールが機能する 1 ページの Web サイトを作成する方法は?

Question

デスクトップとモバイルデバイス ( iOSも) の両方でパララックススクロールが機能する 1 ページの Web サイトを作成するにはどうすればよいですか?

これは今のところ私のコードです...スクロールがトリガーされると1 divが高速化されますが、iPhoneでは指を画面から離したときにのみ移動し、素敵なスライドでスムーズにスクロールしたいと思います:)

$(function(){
  $(window).scroll(function(){
    var top = $(this).scrollTop();

    $('#speedup').css('margin-top', (top/10)*-5);      

  });
});

Answer 1

まず、css2 メディア クエリを使用するか、css スタイルに px の代わりに em を使用して、ブラウザーがモバイル/デスクトップ Web バージョンの両方をサポートしていることを確認する必要があります。

次に、もちろん、Web ゲーム/アプリケーションの視差スクロールを行うのに役立つ JavaScript が必要です。