jQuery添加两个CSS属性值

Question

我试图获取元素的顶部位置和margin-bottom值。
奏效：

var top = -$('elem').postion().top; // lets say its -54 
var margin = $('elem').css('margin-top'); // lets say its 0 

芽我需要添加这些为我的动画功能。所以top+margin，但jQuery给出-540像素，但它需要返回-54像素..或者当它的负面它只是给-54-10px当我需要-64像素。

有没有办法解决这个问题？我无法想出它，它让我很烦恼！

我的代码：

var top = -$('#id1').position().top; 
var margin = $('.scrollable').css('margin-top'); 

var combine = top+margin; 

$('.animate').animate({'margin-top' : combine}); 

Answer 1

芽我需要添加这些为我的动画功能。所以顶部+保证金，但jQuery的给540 p

css值是字符串，那么因为你的一个操作数是一个字符串，该+被解释为一个连接符（54 + "0" = "540"），而不是加法运算符。 (Details)把它们变成号码，使用parseInt(str, 10)，例如：

// I believe `top` will already be a number; check and if not, use parseInt here too, 
// e.g. var top = -parseInt($('#id1').position().top, 10); 
var top = -$('#id1').position().top; 

// This will definitely be a string that needs parsing; note that we're assuming 
// here that the margin has been given in `px` units. 
var margin = parseInt($('.scrollable').css('margin-top'), 10); 

// Now this + is an addition, not a concatenation  
var combine = top+margin; 

$('.animate').animate({'margin-top' : -combine}); 

Answer 2

试试这个

var combine = parseInt(top) + parseInt(margin); 

Answer 3

这是因为它返回的值作为字符串，并使用+运营商对它们会连接。您可以使用parseInt从字符串中获取数字。如果后缀为px，它甚至会工作，尽管它会停止。

var top = $('elem').postion().top; 
var margin = $('elem').css('margin-top'); 

var total = parseInt(top, 10) + parseInt(margin, 10);