如何使用Jquery向上滚动？

Question

我尝试了所有的方法，但我不能写出好的Jquery代码来让我的身体向上滚动。这是我的JS：

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

当用户点击特定的div时，它会让body向下滚动，然后我想反转这个函数，让body向上滚动。有什么想法吗？

Answer 1

如果希望scrollTop向上滚动，则需要将0作为参数提供给它。

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

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

正如您在documentation中看到的，您需要提供一个CSS属性和一个值作为animate()的第一个参数。由于scrollTop (doc of scrollTop()，返回当前值)是垂直滚动条，并且您希望滚动到顶部，因此需要0才能向上滚动。

查看此jfiddle以进行演示。

Answer 2

试试这个：

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