jquery - 使用CSS变换滚动时如何旋转图像？

Question

我不确定如何使用 jQuery，但有一个 CSS3 属性:transform: rotate

它可以与 jQuery 一起使用吗？

transform:rotate;
-ms-transform:rotate;
-webkit-transform:rotate;

JSFIDDLE

Answer 1

试试这个 fiddle :

http://jsfiddle.net/kDSqB/

计算完全旋转不是 100% 准确，但我认为那天晚上是 fiddle 环境。

这里的代码:

var $cog = $('#cog'),
$body = $(document.body),
bodyHeight = $body.height();

$(window).scroll(function () {
    $cog.css({
        'transform': 'rotate(' + ($body.scrollTop() / bodyHeight * 360) + 'deg)'
    });
});