0

skrollrを使用して、画面の左側 (左: 100%) から左: 25% に div をアニメーション化し、不透明度を 50% から 100% にフェードさせようとしています。このような単純なもの：

    <html>
    <head>
    </head>
    <body>
    <div style="height:500px">
    <br><br><br><br><br><br><br>

    <div data-0="left:100%; opacity:.2" data-50="left:25%; opacity:1">
    GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG<br>
    GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG<br>
    GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG<br>
    GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG<br>
    GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG<br>
    GGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGGG<br>
    </div>

    </div>

        <script type="text/javascript" src="js/skrollr.min.js"></script>

        <script type="text/javascript">
        var s = skrollr.init({
        });
        </script>
   </body>
   </html>

不透明度の変更はうまく機能します。ただし、位置の変更は機能していないようです (Chrome、Firefox、および Safari)。テキストは left:0% にしっかりと配置されたままです。足りないものはありますか？

4

1 に答える 1