Javascript 滚动时旋转图像

在过去使用stackoverflow提供了大量帮助之后，我遇到了一个问题，可能有人会很容易解决

当用户向下滚动页面时，我试图旋转背景图像，在其他人的问题和一些有用的答案的帮助下，我成功地做到了这一点，但我需要减慢旋转速度，因为它太快了。据我所知，我需要对窗户的高度做一些调整，并用它来减缓旋转

这是我对自己的评价

如果有人能帮我的话，我会非常感激的，我的技能还不是很好

我的代码

$(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)";
    $(".circle").css({
        "-webkit-transform": rotationStr,
        "-moz-transform": rotationStr,
        "transform": rotationStr
    });
});
})

CSS:

干杯

变化

var rotationStr = "rotate(" + rotation + "deg)";

到

其中100为任意极限值

var rotationStr = "rotate(" + rotation + "deg)";

var rotationStr = "rotate(" + rotation / 100 + "deg)";