Animate then Change CSS - jQuery

[unemployment]

How can I animate a function and then change the same properties with css?  Right now I am using....

 

$('#wrapper').animate({ scrollTop: $("#arrow_down").offset().top, height: "600px", marginTop: 189 - doc_height + "px"}, 1000, 'easeInOutCirc', remove_btn_down());

 

Then when the window resizes I want to adjust the margin but these margins keep conflicting and cause the screen to flicker.  The animate margin is usually the more dominant force.

 

$(window).resize(function() {
window_height = $(window).height();
doc_height = $(document).height();

if($('#arrow_down').hasClass('arrow_up')){
	var new_margin = 1171 - doc_height;
	$('#wrapper').css({marginTop: new_margin + "px"});
}
});