WordPress的jQuery的動畫滾動不會在Chrome和其他WebKit瀏覽器

Question

我的WordPress模板文件看起來像這樣的工作：

<?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的動畫滾動不在這裏工作了。我不知道爲什麼。它只適用於Firefox。但沒有webkit和移動瀏覽器。我試圖看看它是否獲得了該項目的偏移頂部，並且它實際上得到了。可能是與動畫有關的問題？我很不確定。我正在使用jQuery版本1.11。我在許多其他項目（不是wordpress）中使用過這個代碼，它完全沒有問題。

我有這些風格的身體和HTML：

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

能的這些東西是什麼問題？

Answer 1

好的，我發現了這個問題。無法將高度100％放到HTML和Body中。所以我從css中刪除它，然後它工作得很好。不知道爲什麼它不適用於此。 從CSS中刪除了這一點：

height: 100%; 

CSS這個樣子後：

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