如何使用Jquery向上滚动?

时间:2013-01-26 12:10:28

标签: javascript jquery scroll scrollview

我尝试了所有的东西,而且我不能编写好的Jquery代码来让我的身体向上滚动。 这是我的JS:

$("body").animate({scrollTop:$(document).height()}, 9000); $(this).fadeOut(fast);

当用户点击特定的div时,它会使身体向下滚动,然后我想要反转此功能以使身体向上滚动..任何想法?

2 个答案:

答案 0 :(得分:9)

如果您希望向上滚动,则需要提供0作为scrollTop的参数。

$(document).ready(function() {
    // scroll down
    $("html, body").animate({
        scrollTop: $(document).height()
    }, 9000);                  

    /scroll back up
    $("html, body").animate({
        scrollTop: 0
    }, 9000);                  
});

正如您在documentation中所看到的,您需要提供CSS属性和值作为animate()的第一个参数。由于scrollTopdoc of scrollTop()(返回当前值)是垂直滚动条,并且您想要滚动到顶部,您需要0向上移动。

选中此jfiddle进行演示。

答案 1 :(得分:3)

试试这个:

$("html, body").animate({
    scrollTop: $(document).height()
}, 9000);