;jquery：动画页面从当前屏幕位置向下 100px答案

【问题标题】：;Jquery: animate page down 100px from current screen position;jquery：动画页面从当前屏幕位置向下 100px
【发布时间】：2011-02-03 06:33:23
【问题描述】：

我需要从当前屏幕位置向下滚动一定数量的像素。

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

还是？

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

【问题讨论】：

然后使用该点作为选择器，从那里你想要向下窗口位置而不是 html,body

标签： jquery scrolltop

【解决方案1】：

只是改变：

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

到这里：

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

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

【讨论】：

我无法复制这个例子，请你提供一个例子，我可以通过点击事件开始动画

【解决方案2】：

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

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

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

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

【讨论】：

【解决方案3】：

查看 jQuery.ScrollTo 插件。你可以这样做：$(...).scrollTo( '+=100px', 800 );

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

【讨论】：

jquery有自己的scrollTop，不需要scrollto