Javascript 如何实现滚动背景的旋转

我想做一个演示设计的人，我很困惑如何实现这一点。我应该选择视差滚动，还是更喜欢skrollr或scrollmagic，还是只使用很少jquery代码的简单css？建议实现此目标的最简单方法。

---

谢谢：）

这里是一个工作示例

Html

Js

---

在这个特殊的例子中，他们在JavaScript的帮助下使用了CSS，但您正在观看的部分是CSS（非常流畅），它通过滚动处理程序执行

---

在这种特定情况下，他们使用该属性旋转黄色背景。

如果要在滚动时旋转背景，请查看以下内容：

---

简而言之，它使用边栏元素来实现这种效果。这个元素有

：before

属性和背景设置，还有一点javascript可以从

滚动顶端计算旋转角度。这个javascript会覆盖已定义的css规则转换属性。
使用css和活动步骤类，使用简单的javascript或基于scrollyeah的jquery，确定！！！js将如何检测何时更改活动步骤类？基于每个步骤的滚动定义一个断点OK然后doo thankscheck my fiddle bro
 <div class="rotate"></div>

body{
    height: 1000px;
    background: yellow;
}

.rotate{
    background: url("http://i.imgur.com/zZ3fMuh.png");
    width: 101px;
    height: 102px;
    position: fixed;
}

$(function() {
    var rotation = 0, 
        scrollLoc = $(document).scrollTop();
    $(window).scroll(function() {
        var newLoc = $(document).scrollTop();
        var diff = scrollLoc - newLoc;
        rotation += diff, scrollLoc = newLoc;
        var rotationStr = "rotate(" + rotation + "deg)";
        $(".rotate").css({
            "-webkit-transform": rotationStr,
            "-moz-transform": rotationStr,
            "transform": rotationStr
        });
    });
})