Jquery 滚动时的CSS3转换
有人知道一个好的教程来实现这一点吗?(如图所示:) 我看了一下那个网站上使用的代码,发现很难拿出我需要的东西 非常感谢, 谢谢 编辑:也可以在这里看到: 我想要达到的目标:Jquery 滚动时的CSS3转换,jquery,css,scroll,transformation,Jquery,Css,Scroll,Transformation,有人知道一个好的教程来实现这一点吗?(如图所示:) 我看了一下那个网站上使用的代码,发现很难拿出我需要的东西 非常感谢, 谢谢 编辑:也可以在这里看到: 我想要达到的目标: 在向下滚动时旋转png,旋转速度与滚动速度匹配。这将使您朝着正确的方向前进: 给你: 用于设置滚动上旋转的动画 代码: var sdegree = 0; $(window).scroll(function() { sdegree ++ ; sdegree = sdegree + 3 ; var
在向下滚动时旋转png,旋转速度与滚动速度匹配。这将使您朝着正确的方向前进: 给你: 用于设置滚动上旋转的动画 代码:
var sdegree = 0;
$(window).scroll(function() {
sdegree ++ ;
sdegree = sdegree + 3 ;
var srotate = "rotate(" + sdegree + "deg)";
$("img").css({"-moz-transform" : srotate, "-webkit-transform" : srotate});
});
你当然可以用一个简单的方法,比如。然而,如果你需要一个更复杂的东西来“动画”尝试。这正是这个问题的彻底解决办法。您几乎可以根据当前滚动偏移量更改任何内容(甚至CSS3变换等) 在您的情况下,请尝试以下操作:
$('img').transe({
start: 0,
end: 1600,
css: 'transform',
from: 'rotate(0deg)',
to: 'rotate(360deg)'
});
顺便说一句:如果你喜欢平滑的东西,你可以在它的CSS插件中加入它。谢谢,我会仔细看看。我不确定是否会直接达到我想要的效果,但是我想在向下滚动时旋转png,速度与滚动速度匹配,而不是移动图像层以获得视差效果。用小提琴更新了答案,它不是完美的,但给了你基本的东西。当你滚动到顶部时,它是否可能始终是正确的方式?是的,我不得不问一个问题来解决它:)