adding an amount of pixels saved in a variable to a css property in jQuery

Question

I want to add an amount of pixels, that is stored in my variable "x" to a css property in jQuery.

I know that since jQuery 1.6 you can easily use something like this:

$(this).css({top: "+=150"});

But when I use a variable instead of the 150 it doesn't work, since variables have to be written out of quotation marks.

$(this).css({top: "+= x"});

This will work: $(this).css({top: "+=" + x });. If you are using ES6, use string interpolation for template literals: $(this).css({top: `+={x}` }); — Terry
– Terry, Commented Oct 25, 2017 at 10:48

Ferhat BAŞ · Accepted Answer · 2017-10-25 10:45:50Z

1

Please try this

$(this).css({top: "+= "+ x +"px"});

instead of your code

answered Oct 25, 2017 at 10:45

Ferhat BAŞ

7977 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1