jquery - ;Jquery: 現在の画面位置から 100 ピクセル下のページをアニメーション化する

Question

現在の画面位置から設定されたピクセル数までスクロールをアニメーション化する必要があります。

    $('html,body').animate({
        scrollTop: $(window).position().top += 100
    });

また？

    $('html,body').animate({
        scrollTop: '+=100px'
    });

Answer 1

変更するだけです：

scrollTop: $('body').position().top += 100

これに：

scrollTop: $(window).scrollTop() + 100

デモを参照してください: http://jsfiddle.net/fpxuC/

Answer 2

$('html,body').animate({
        scrollTop: $(window).position().top += 100
    })

$('html,body').animate({
        scrollTop: '+=100px'
    })

scrollTop: $('body').position().top += 100

scrollTop: $(window).scrollTop() + 100

Answer 3

jQuery.ScrollTo プラグインを確認してください。次のようなことができます：$(...).scrollTo( '+=100px', 800 );

このプラグインができるすべてのサンプルをチェックしてください: http://demos.flesler.com/jquery/scrollTo/