Question

I’m trying to move some elements on the page, and during the time the animation occurs, I want to have ‘overflow:hidden’ applied to an elemnt, and ‘overflow’ back to ‘auto’ once the animation is completed.

I know jQuery has an utility function that determines whether some element is being animated but I can’t find it anywhere in the docs

Answer 1

if( $(elem).is(':animated') ) {...} 

More info: https://api.jquery.com/animated-selector/

---

Or:

$(elem)     .css('overflow' ,'hidden')     .animate({/*options*/}, function(){         // Callback function         $(this).css('overflow', 'auto');     };