javascript 滚动顶部

Posted 2021-05-03

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);
        });