jquery - 滚动时缓和旋转动画

Question

我有一个元素，我正在使用 jquery/css3 在滚动时旋转。问题是滚动时有点跳动，停止时立即停止。我希望它能更流畅地播放旋转，当您开始滚动时开始，然后在您停止滚动后逐渐停止，而不是每次滚轮移动时只旋转一组 # 度。我的代码和链接如下:

http://pollenbrands.com/rjj/ (向下滚动到 100% 水果)

var angle = 1;
jQuery(window).scroll(function() {
    jQuery(".rotate").css('-moz-transform', 'rotate('+angle+'deg)').css('-webkit-transform', 'rotate('+angle+'deg)').css('-o-transform', 'rotate('+angle+'deg)').css('-ms-transform', 'rotate('+angle+'deg)');
    angle+=6;
    if(angle==360) {
        angle=0;
    }
});

Answer 1

您尝试过使用 .animate 吗？这可能会帮助您控制这种行为。