ページ上の要素にスクロールするjquery - html、本文はスクロールを拒否する

Question

私はこの問題を理解することができないので、私は尋ねる必要があります。私は、クリックイベントで非常にシンプルなjQスクロールを要素にスクロールしようとしています。私は正常に別のページの前に同じ機能を構築しました。

$('li.newsmenu a').click(function() { 
    $('html, body').animate({scrollTop: $('section#news').offset().top}); 
     return false; 
}); 

セレクタはどちらも問題ありません。

私はクリックイベントをテストしました。アラート（ 'これはこのようなものです）が表示されます。コンソールで

$（ '部＃ニュースは'）。（オフセット）。トップ値は良識を返します。

私はChromeで& Safariをテストしましたが、成功しませんでした。

私は他の人の仕事の上で、そしてHTML5定型句Wordpressテーマシステムの上に取り組んでいます。その中に何かがあるのだろうかと思います。

誰にもアイデアはありますか？これは私をナットにしている。

Answer 1

これはウェブキットの問題のようです。指定することによって

html, body { height: 100%; } 

これはウィンドウの高さに制限されています。だからscrollTop(x)は決して動かない。これらの宣言を含まないようにCSSを変更すると、すべてが再び機能します。 1つの他の回避策は、あなたのボディコンテンツをスクロール可能なdivに配置し、代わりにスクロールすることです。私はこれがWebkitのバグだと言いたいのは、その動作が奇妙に思われるからです。ウインドウを少しスクロールすることで、自分で見ることができます。次に、現在のscrollTop値をすべて照会します。常にゼロです。