Alex Rivera | Logout

jQuery .animate() forces style "overflow:hidden"

Asked 2010-07-29T13:37:03.730
72

jQuery's .animate() forces the style overflow: hidden when triggered, messing with my animated element because I have another element that's hanging, with negative position, outside of it. is there anyway to avoid that?

jquery css
Edit
Report

1 Answer

11

Any of those solutions worked for me, but I found the trick:

$(myDiv).animate(
   { height: newHeight},
   { duration: 500, 
     queue: false, 
     easing: 'easeOutExpo', 

     step: function() {
       $(myDiv).css("overflow","visible");
     }
   }
);

Force the css in each step of the animation. Hope it helps.

answered 2013-06-14T09:26:29.373

Your Answer