애니메이션 도중 객체가 자르거나 깜박입니다.

Question

애니메이션이 모두 다음과 같이 작성되었습니다. 기본적으로 아래로 스크롤하면 로고와 탐색 모음이 축소됩니다. 로고가 크기를 변경하는 동안을 제외하고 모든 애니메이션 기능은 .site_header 흰색 막대가 위에 놓인 것처럼 맨 아래가 잠깐 잘립니다. 아무도 문제가 뭔지 알고 있습니까?

$(function(){ 
$('.header_image img').data('size','big'); 
}); 

$(window).scroll(function(){ 
if($(document).scrollTop() > 0) 
{ 
if($('.header_image img').data('size') == 'big') 
{ 
    $('.header_image img').data('size','small'); 
    $('.header_image img').stop().animate({ 
     width:'40px', 
     height:'40px', 
     topMargin:'5px' 
    },600); 
    } 
} 
else 
{ 
if($('.header_image img').data('size') == 'small') 
    { 
    $('.header_image img').data('size','big'); 
    $('.header_image img').stop().animate({ 
     height:'80px', 
     width:'80px' 
    },600); 
    } 
} 
}); 

내가 무슨 말을하고 있는지 반복적으로 위아래로 스크롤하십시오. 웹 사이트는 일종의 해키 수정이 <div class="site-header"> 스타일에 사용되는 http://minimographite.com/

Answer 1

입니다 :

overflow-x: visible !important; 
overflow-y: visible !important; 

루트 문제는 일시적으로 hidden로 설정 overflow 것 같다.