[英]Javascript rotate - how to rotate counterclockwise?
我有兩種形狀可以滾動滾動。 我能夠順時針旋轉它們,但是我希望第二個形狀逆時針旋轉。
JSFiddle: https ://jsfiddle.net/7tLv05on/
這是我用來實現該目標的以下代碼:
var sdegree = 0;
$(window).scroll(function() {
sdegree ++ ;
sdegree = sdegree + 2 ;
var srotate = "rotate(" + sdegree + "deg)";
$(".move1").css({"-moz-transform" : srotate, "-webkit-transform" : srotate});
$(".move2").css({"-moz-transform" : srotate, "-webkit-transform" : srotate});
});
謝謝,我非常感謝您的幫助!
像這樣做:
var sdegree = 0;
var sdegree2 = 0;
$(window).scroll(function() {
sdegree ++ ;
sdegree = sdegree + 2 ;
sdegree2 -- ;
sdegree2 = sdegree2 - 2 ;
var srotate = "rotate(" + sdegree + "deg)";
var srotate2 = "rotate(" + sdegree2 + "deg)";
$(".move1").css({"-moz-transform" : srotate, "-webkit-transform" : srotate});
$(".move2").css({"-moz-transform" : srotate2, "-webkit-transform" : srotate2});
});
var sdegree = 0;
$(window).scroll(function() {
sdegree ++ ;
sdegree = sdegree + 2 ;
var srotate = "rotate(" + sdegree + "deg)";
$(".move1").css({"-moz-transform" : srotate, "-webkit-transform" : srotate});
//negative degree
var sdegree2 = -sdegree;
srotate = "rotate(" + sdegree2 + "deg)";
$(".move2").css({"-moz-transform" : srotate, "-webkit-transform" : srotate});
});
只需將值乘以-1就可以了:
var sdegree = 0;
$(window).scroll(function() {
sdegree ++ ;
sdegree = sdegree + 2 ;
var cwRotate = "rotate(" + sdegree + "deg)",
ccwRotate = "rotate(" + (-1 * sdegree) + "deg)";
$(".move1").css({"-moz-transform" : cwRotate, "-webkit-transform" : cwRotate});
$(".move2").css({"-moz-transform" : ccwRotate, "-webkit-transform" : ccwRotate});
});
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.