Jquery：从当前屏幕位置向下动画滚动100像素

Question

我需要对当前屏幕位置进行滚动动画，向下滚动固定像素数。

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

或者呢？

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

- android.nick

---

然后使用该点作为选择器，从您想要向下滚动窗口位置而不是html、body的位置开始。 - Vivek

Answer 1

只需更改：

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

变成这样：

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

查看演示：http://jsfiddle.net/fpxuC/

- David Tang

---

我无法复制这个示例，请您提供一个示例，其中我可以通过单击事件启动动画。 - Anurag-Sharma

Answer 2

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

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

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

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

- Gaurang

Answer 3

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

查看示例以了解此插件的所有功能：http://demos.flesler.com/jquery/scrollTo/

- ajma

---

jQuery有自己的scrollTop，不需要使用scrollto。 - android.nick