jquery - jQuery scrollTop がスクロールしない

Question

JavaScript で自動的にスクロールしようとすると問題が発生します。私のスクロール領域は本体で、私のjsコードは

$("body").animate({scrollTop: $("#myDiv").position().top)

しかし、結果は得られません。アニメーションもスクロールもありません。

$("body").scrollTop($("#myDiv").position().top);

そして交換も

$("body") with $(window).

ヒントはありますか？

Answer 1

scrollTop現在の要素のスクロール バーのオフセットを取得または設定する jQuery メソッドですが、アニメーションはありません。

scrollTo求めている機能を提供するjQuery プラグイン と混同している可能性があります。

次のように使用します。

$(window).scrollTo($('#myDiv');

Answer 2

scrollTopは JavaScript 属性であり、次のように使用できます。

document.body.scrollTop = scrollValue;

また

$("body").get(0).scrollTop = scrollValue;

また、スクロールをアニメーション化する場合は、Ariel Flesler によって作成されたjQuery ScrollToという名前のプラグインがあります。

http://demos.flesler.com/jquery/scrollTo/

Answer 3

注: chrome://flags/#enable-experimental-web-platform-features を有効にしている場合、上記のプラグインは機能しません。これは既知の問題です: https://github.com/flesler/jquery.scrollTo/issues/92