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();
});

谢谢你的答案！ SHIR

Answer 1

jQuery不能很好地支持转换属性。

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

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

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

$('.ball').rotate(scrolled * 180)

Answer 2

试试This。希望它有所帮助。

Jquery的：

$('.ball').toggleClass("rotate-180");

CSS：

.rotate-180 {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

无法通过CSS进行ScrollTop效果转换

2 个答案: