javascript 滚动顶部

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 滚动顶部相关的知识,希望对你有一定的参考价值。

div#toTop {
    position: fixed;
    bottom: 5px;
    right: 5px;;
    cursor: pointer;
    z-index: 999;
}
<div id="toTop">
        <img src="assets/img/heart2.png" alt="">
    </div>
  
    // jQuery code to make it works   
        $(window).scroll(function () {
            if ($(this).scrollTop()) {
                $('#toTop').fadeIn();
            } else {
                $('#toTop').fadeOut();
            }
        });

        $("#toTop").click(function () {
            $("html, body").animate({
                scrollTop: 0
            }, 1000);
        });

以上是关于javascript 滚动顶部的主要内容,如果未能解决你的问题,请参考以下文章

使用 JavaScript/jQuery 滚动到 DIV 的顶部?

javascript 滚动顶部

javascript 光滑的滚动顶部

javascript 滚动位置开发顶部

javascript 滚动顶部

javascript [jQuery]平滑滚动到页面顶部