;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

$('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/