2016-06-09 85 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 
    });