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>
助言がありますか？