2016-06-09 89 views
1

我需要从窗口height/2中减去10%,但没有结果,问题是什么?动画jQuery中的页边距计算

var loadingMargin = $(window).height()/2; 
$(".loading .sk-circle").animate({ 
    marginTop: loadingMargin-10+"%" 
}); 
+1

使用'loadingMargin * 0.9' – JNF

+0

感谢兄弟,但它意味着,我们做我们的数学操作并将其存储在变量中,然后将其放入动画中()而不是在动画中进行操作! – Abdallah

回答

1

计算90个,并设值为

var loadingMargin = ($(window).height()/2) * .9; 
$(".loading .sk-circle").animate({ 
    marginTop: loadingMargin 
}); 
+0

非常感谢它的工作,但它意味着我们不能在动画()中做数学运算? – Abdallah

+0

@ user3879222你可以做加法和减法' - = 10'或'+ = 10',_ [''动画属性也可以是相对的。如果一个值的前面加上了一个+ =或 - =字符序列,那么通过从该属性的当前值中加上或减去给定数字来计算目标值。](http://api.jquery.com /动画/)_ –

0

你可以尝试这样就算了,

var loadingMargin = ($(window).height())/2, //window Height /2 
    calMargin = loadingMargin*0.1, //10% of window height 
    substractVal = (loadingMargin - calMargin); //substract value 

    $(".loading .sk-circle").animate({ 
     marginTop : substractVal 
    });