javascript - ScrollTo 関数を使用するように基本的な jQuery スクリプトを更新する

Question

ここに jQuery SlideDown/SlideUp デモがあります: https://tinker.io/8e585/15

「テスト 2」リンクをクリックすると、ビューポートがページのその部分に移動する可能性はありますか? 'Test 2' がウィンドウの上部に表示されるのでしょうか?

試してみ$(window).scrollTop($('div#box2').offset().top)ましたが、FFで問題が発生していました。

これに対する簡単な解決策のアイデアはありますか?

どうもありがとう ：-）

Answer 1

これを試して：

$("#box2 h2").click(function () {
    var $this = $(this);
    $('html, body').animate({
         scrollTop: $this.offset().top
    }, 1000);

    return false;

});

実際のデモ: https://tinker.io/8e585/16