className removing dynamically added classes

[Jemes]

Hi,

I'm using the line below to add a scrolled class to an a nav element but when it's added it removes another dynamically added class from the nav.

.to($('nav'), 0.01, {css:{className:'+=scroll'}, ease: Linear.easeInOut })

Is there a way to only add the scrolled class and not remove the other class?

 

Thanks

 

Jemes

[Carl]

 

hmmm, I could not replicate your claim. I found that existing class names were not removed as shown below.

 

Below you will see I add the className tall and the className red does not get removed.

 

See the Pen rKvqqP by GreenSock (@GreenSock) on CodePen

 

 

Perhaps there is something specific to how you are dynamically adding the existing class, but I can't test that without a reduced test case.

 

Please fork the demo and modify it so that we can see what the issue is. The less code the better

 

thanks!

[Jemes]

Hi,

 

Thanks for the reply.

So I have a click event on a burger element that adds an active class to the nav element.

  $('.burger').click(function(event){
    event.preventDefault();
    $('nav').toggleClass('active');
  });

 

When the active class is added the other tween using className removes active when actioned.

 

.to($('nav'), 0.01, {css:{className:'+=scroll'}, ease: Linear.easeInOut })

The tween above in only actioned once the page has been scrolled passed the header.

I hope helps?

 

Thanks

Jemes

[Carl]

Please post a demo that clearly illustrates the issue. 

 

 

Unfortunately we don't have the resources (time) to repeatedly create demos in hopes that they replicate what you are doing.

 

Thanks for understanding.

 

 

 

 

[Jonathan]

Hello @Jemes
 

Any reason why your trying to animate a to() tween with a duration of 0.01 seconds. I don't see how a duration value that small can visually be animated. The duration value might as well be 0, did you mean to use a set() instead of a to().

 

But like @Carl advised a codepen demo example would be good if you would like us to assist you properly.