如何使用JQuery创建一个逐页向上滚动页面的函数？

Question

如何创建这样一个逐页向上滚动页面的函数？

$('#down').click(function(){
    $('html, body').animate({
        scrollTop: $(this).offset().top += 20
    });
    return false;
});

此功能适用于向下滚动页面...我试图让它向上滚动页面但没有成功。

非常感谢任何帮助，谢谢

Answer 1

window.pageYOffset可以满足您的需求！

$('#up').click(function(){
    $('html, body').animate({
        scrollTop: window.pageYOffset -= 20
    });
    return false;
});

有一个小提琴：http://jsfiddle.net/mGwJs/2/向下滚动到“向上”链接，然后一直点击它。

对我的代码进行了一些跨浏览器测试，发现它对IE7不起作用.8。请在此处查看此链接，以便在旧浏览器上进行jive：http://www.howtocreate.co.uk/tutorials/javascript/browserwindow

Answer 2

来自here

$('#down').click(function(){
    $('html,body').animate({
       scrollTop: $("#scrollToHere").offset().top
    }, 2000);
    return false;
}

第二

$('#up').click(function(){
    $('html,body').animate({
       scrollTop: 0
    }, 2000);
    return false;
}