jquery - ;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/