web-dev-qa-db-ja.com

; Jquery：現在の画面位置から100ピクセル下にページをアニメートする

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

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

または？

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

変更するだけです：

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

これに：

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

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

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

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

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

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

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

このプラグインでできることはすべてサンプルをご覧ください。 http://demos.flesler.com/jquery/scrollTo/

1
ajma