워드 프레스 JQuery와 애니메이션 스크롤

Question

내 워드 프레스 템플릿 파일은 다음과 같습니다 크롬 및 기타 웹킷 브라우저에서 작동하지 않습니다

<?php get_header(); ?> 

<?php if (have_posts()): ?> 
<div class="panel-group" id="accordion"></div> 
<?php endif; ?> 

<?php if(isset($_REQUEST['kommune'])): ?> 
    <script type="text/javascript"> 
    jQuery('html, body').animate({ 
     scrollTop: (jQuery("#accordion").offset().top) 
    }, 800); 
    </script> 
<?php endif; ?> 

<?php get_footer(); ?> 

JQuery와 애니메이션 스크롤 여기에 작동하지 않습니다. 나는 이유를 모른다. 파이어 폭스에서만 작동합니다. 웹킷 및 모바일 브라우저는 없습니다. 항목의 오프셋 상단을 가져 오는 지 확인하려고했는데 실제로 가져옵니다. animate에 문제가있을 수 있습니까 ?? 나는 매우 확신 할 수 없다. jquery 버전 1.11을 사용하고 있습니다. 나는 다른 많은 프로젝트 (wordpress가 아닌)에서이 코드를 사용했고, 전혀 문제없이 작동했다.

html,body { 
    height: 100%; 
    overflow-x: hidden; 
    overflow-y: auto; 
    -webkit-overflow-scrolling: touch; 
} 

이들 중 어떤 문제가 될 수 :

나는 몸과 HTML에 대한 이러한 스타일을 가지고?

Answer 1

좋아, 문제가 발견되었습니다. HTML 및 본문에 높이 100 %를 놓을 수 없습니다. 그래서 나는 css에서 그것을 제거했다. 그리고 그것은 잘 작동했다. 왜 이걸로는 효과가 없었는지 모르겠다. 는 CSS에서 이것을 제거 :

height: 100%; 

CSS는 후에 다음과 같이 : 잘못된 주석 매크로 :)이 가능한 대답을 선택 생각 @Athimannil

html,body { 
    overflow-x: hidden; 
    overflow-y: auto; 
    -webkit-overflow-scrolling: touch; 
}