Get variable on in animation function

Question

maybe it stupid question.

example`

                nActive.find(".left").stop(true, true).animate({
                    top: -windowH
                }, 1000).promise().done(function() {
                    nestedparallax.eq(np).addClass("n-active");
                    nestedparallax.eq(np).removeClass("n-showD");
                    nestedparallax.eq(current).removeClass("n-active");
                    setTimeout(function() {
                        flag = false;
                    }, 0);
                });

I have animation like this`

how can i change "top" vith variable

for example var position = top it will write in animation top and if position = left it will take left on animation function.

Thank you.

score 3 · Accepted Answer · answered Oct 06 '15 at 08:04

3

You can use object square bracket notation:

var oAnim = {}, position = 'top';
oAnim[position] = -windowH
nActive.find(".left").stop(true, true).animate(oAnim, 1000).promise(/*...*/);

answered Oct 06 '15 at 08:04

A. Wolff

74,033
9
94
155

nice solution Thank you :) – Aram Mkrtchyan Oct 06 '15 at 08:52

score 0 · Answer 2 · answered Oct 06 '15 at 08:01

You need to calculate it before:

 var position = $('.left').offset();
 var left = position.left;
 var top = position.top;

  nActive.find(".left").stop(true, true).animate({
      top: (left < 0) ? top : left // this is an example of tertiary condition
  }, 1000).promise().done(function() {
      nestedparallax.eq(np).addClass("n-active");
      nestedparallax.eq(np).removeClass("n-showD");
      nestedparallax.eq(current).removeClass("n-active");
      setTimeout(function() {
           flag = false;
      }, 0);
  });

Maybe we can help better if you explain what you need better.

Get variable on in animation function

2 Answers2