Disable transitions during stylesheet change

Asked Feb 01 '14 at 18:58

Active Feb 01 '14 at 18:58

Viewed 77 times

I tried this solution:

What is the cleanest way to disable CSS transition effects temporarily?

but it doesn't work. I still see stuff animating.

$('body').addClass('notransition'); // the class that doesn't work  
$('body')[0].offsetHeight;
$('#main_style').attr('href', newStyleUrl);
$('body').removeClass('notransition');

Is there any way to make it work?

edited May 23 '17 at 10:31

Community

asked Feb 01 '14 at 18:58

Alex

66,732
177
439
641

What is your CSS code? – Andrea Parodi Feb 01 '14 at 19:03
The notransition class? is the same as in the linked answer. Other than that I have a few transitions, some of them use the "all" property. I suspect those cause the problems, but I don't understand why are they still running :s – Alex Feb 01 '14 at 19:07
Do you apply the transitions to the body element? – Andrea Parodi Feb 01 '14 at 19:10
no, body has no transitions – Alex Feb 01 '14 at 19:12
So, referring to the question you linked, you have to apply the `notransition` class to the element that has transition applied, not to the body element – Andrea Parodi Feb 01 '14 at 19:14
But my class is defined as `.notransition *{...}`. It is supposed to be applied to all elements – Alex Feb 01 '14 at 19:15
let us [continue this discussion in chat](http://chat.stackoverflow.com/rooms/46606/discussion-between-andrea-parodi-and-alex) – Andrea Parodi Feb 01 '14 at 19:18
2

Post your styles. Or create a demo. The error is pretty simple, I suspect. – dfsq Feb 01 '14 at 19:19

Disable transitions during stylesheet change

0 Answers0