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

1

由于您没有发布任何 CSS，我认为没有。如果是这种情况，则该元素是positioned statically，在这种情况下它会忽略left.

您需要定位它relative，absolute或fixed.

这与 skrollr 和简单的 CSS 无关。

于 2014-02-28T13:58:56.073 回答