; Jquery：从当前屏幕位置下调100px的动画页面

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

查看jQuery.ScrollTo插件。您可以执行以下操作：$(...).scrollTo( '+=100px', 800 );

查看示例，了解此插件可以执行的所有操作：http://demos.flesler.com/jquery/scrollTo/

Answer 3

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

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

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

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