jquery - 无法通过 CSS 使 ScrollTop 影响 Transform

Question

我试图让一个球(半径为 50% 的 div)随着用户的滚动向左滚动，我已经设法让他根据 ScrollTop 向左移动，但不能以相同的方式进行转换，我哪里出错了？这是左工作和不转换的代码:

function parallax(){
    var scrolled = $(window).scrollTop();    
    $('.ball').css('left', (scrolled * 0.9) + 'px');
    $('.ball').css('transform', rotate(scrolled * 180) + 'deg');
}
$(window).scroll(function(e){
    parallax();
});

谢谢你的回答!衬衫

Answer 1

jQuery 对 transform 属性的支持不是很好。

对于旋转，我建议使用 jQuery 旋转插件

https://code.google.com/p/jqueryrotate/

非常容易使用，语法是这样的

$('.ball').rotate(滚动 * 180)