【问题标题】:How to scroll up with Jquery?如何使用 Jquery 向上滚动?
【发布时间】:2013-01-10 07:14:48
【问题描述】:

我尝试了所有方法,但我无法编写好的 Jquery 代码来让我的身体向上滚动。 这是我的 JS:

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

当用户单击特定的 div 时,它会使正文向下滚动,然后我想反转此功能以使正文向上滚动.. 有什么想法吗?

【问题讨论】:

    标签: javascript jquery scroll scrollview


    【解决方案1】:

    如果你想向上滚动,你需要提供一个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 进行演示。

    【讨论】:

    • 谢谢!我想你让我摆脱问题!我会试试的,我会告诉你的。
    • @LukyVj 这对你有帮助吗?
    【解决方案2】:

    试试这个:

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

    【讨论】:

    • 试试scrollTop: $(document).height()
    猜你喜欢
    • 1970-01-01
    • 2017-04-04
    • 2014-04-12
    • 2012-01-24
    • 2014-01-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多