skrollrがiPadでのスクロールを妨げているのはなぜですか？
skrollr を使用して単純な視差アニメーションを作成しようとしています。私のサイトはChrome/Macで正常に動作していますが、iPadで異常な動作が見られます。
IPadで（IOSシミュレーターでテスト）、
- ページの本体はまったくスクロールしません（または、アニメーション化されたdivの下でバックグラウンドでスクロールする可能性がありますか？）
- アニメーション化された背景位置（折り紙パターン）は、
data-start/data-top-bottomで定義された範囲内で反対方向（下が上）にスクロールします。
デスクトップでは、chrome開発ツールでdiv#heroをposition: fixed;にハックした場合の効果をシミュレートできます。
- skrollrの例 IOSシミュレーターで期待どおりに機能します。
<div id="skrollr-body"></div>タグを閉じる直前に</body>があります
助言がありますか？
空の#skrollr-body要素を単純に追加しました。ドキュメントには
Skrollr 0.6.0以降、実行する必要があるのは1つだけです。ページにidskrollr-bodyの要素を含めます。これが、スクロールを偽造するために移動する要素です。
それが偽のスクロールのために移動する要素である場合、すべての要素はその中にある必要があります（固定された位置にある場合を除く）。
唯一のケースは、＃skrollr-bodyが必要ない場合で、position：fixedを排他的に使用する場合です。実際、skrollr Webサイトには＃skrollr-body要素が含まれていません。固定要素と非固定（つまり静的）要素の両方が必要な場合は、静的要素を＃skrollr-body要素内に配置します。
https://github.com/Prinzhorn/skrollr#what-you-need-in-order-to-support-mobile-browsers
つまり、開始<div id="skrollr-body">タグの直後に<body>タグを追加し、</div>タグの直前に</body>を追加してこの除算を閉じます。
skrollr-body idでdivラッパーを追加しても、まったく何もしませんでした。スクロールはモバイルでは機能しません。