滚动动画按钮

Question

我有两个位置按钮：固定在我的网站上。我需要的是点击一个顶部按钮，窗口在300px上滚动，与底部相同，它在300px上滚动到底部。 任何想法如何做到这一点？

Answer 1

向下滚动：

<action name="ActionName" class="ActionClassName" method="MethodName">
    <result name="success">Success.jsp</result>
    <result name="error">Error.jsp</result>
</action>

向上滚动：

$("#buttonUp").click(function() {
    $('html,body').animate({
        scrollTop: window.scrollY + 300},
        'slow');
});

Answer 2

使用：

window.scrollBy(x, y)

e.g。

window.scrollBy(0, 300);

或

window.scrollBy(0, -300)

如果您使用的是jQuery，可以使用：

$(window).scrollTop(value)

Answer 3

尝试这样的事情：

null

Answer 4

第一个变种适合我！谢谢！

$("#scrollBot").click(function() {
        $('html,body').animate({
            scrollTop: window.scrollY + 300},
            'slow');
    });

    $("#scrollTop").click(function() {
        $('html,body').animate({
            scrollTop: window.scrollY - 300},
            'slow');
    });