Possibility to selectively use original jquery animate about jquery-animate-enhanced HOT 6 CLOSED

Unless I'm misunderstanding, this has existed since the original release:

avoidTransforms: (Boolean)
By default the plugin will convert left and top animations to the CSS3 style -webkit-transform (or equivalent) to aid hardware acceleration. This functionality can be disabled by setting this to true.

Using the above property will simply bypass the plugin and pass it back to the default jquery animate method.

from jquery-animate-enhanced.

I thought that using "avoidTransforms" is only relevant for the position and size transistion; in this case it will not animate the "transform" property but "left", "top","width" or "height" instead. What I need is to turn off all transition for certain animate invocations, e.g. for changing the opacity.

from jquery-animate-enhanced.

Ah I see, yes you're right that setting only affects position/size animations.

Ok this shouldn't be a big deal to add in. Literally just a property that will bypass the entire plugin. 'avoidCSSTransitions' works for me.

I'll keep you posted.

from jquery-animate-enhanced.

Just a thought: in my projects I have a lot of jquery plugins that also use animate(). I'm looking for a way to configure from outside whether they should use css transistions or the normal jquery.animate() so that I don't have to adapt all the scripts.
I'm thinking of a kind of live selector that may be passed to jquery-animate-enhanced to turn off the enhancement, e.g.
jQuery.fn.animate.defaults.avoidCSSTransitions=$(".no-transition")
so I could easily configure the behaviour within the HTML/CSS file by just adding the class. One could also have a "white" list selector in case only specific nodes' animation should be enhanced, and all others should just revert to the default animate call. This kind of control over the usage of css transitions would be really cool as the page designer would just have to set the classes for the affected nodes.

from jquery-animate-enhanced.

Any news on this new "avoidCSSTransitions" property?

from jquery-animate-enhanced.

Just been added, sorry for the delay on this!

Simply set to true:

$('.target').animate({left: "-=200px", avoidCSSTransitions:false}, 1000);

from jquery-animate-enhanced.