0

skrollr を使用して、モバイル ブラウザーの CSS 固定背景画像の問題を回避しようとしています。ここで、1 つの背景画像と skrollr を使用してドキュメント スキーマの簡易バージョンを作成しました: http://lkoren.github.io/2013/10/16/skrollrTest.html

ファイル構造は

<body>
    <div class="doc-container" id="skrollr-body" >
        <div class="content-container" data-start="background-position: right 0px;" data-end="background-position: right 0px;">
            <div class = "info-box">
            </div>
       </div>
   </div>
<Skrollr script goes here>
</body>

私の 2013 Nexus7 では、skrollr は Opera と Chrome には影響しません。FireFox では、多くの固着やスタッタリングが発生する傾向があります。

デスクトップの FireFox と Chrome では問題なく動作します。設定することで実際に何かをしていることを確認しました

data-end="background-position: right 500px;"

視差効果を得ます。

4

1 に答える 1

3

background-image を(eg )の外側の#skrollr-bodybody要素に移動します。skrollr は#skrollr-bodyCSS 変換を使用して変換するため、背景も移動します。

于 2013-10-16T18:26:54.017 に答える