1. 程式人生 > >jquery實現點選按鈕返回到頁面頂部效果

jquery實現點選按鈕返回到頁面頂部效果

有的時候我們需要實現點選按鈕回到頁面頂部的效果,下面就是我的實現

首先HTML程式碼如下

<div class="QZ-up" style="display: none;"></div>

當滾動條高度大於120px的時候出現按鈕如下

image.png

jquery程式碼如下:

  $(window).scroll(function() {
            var scroll_len = $(window).scrollTop();
            if(scroll_len > 120) {
                $('.QZ-up').fadeIn();
            } else {
                $('.QZ-up').fadeOut();
            };
        });
    $('.QZ-up').click(function(e){
        $("body,html").animate({scrollTop:0},300);
    })

原文地址:https://www.codelovers.cn/article/20181030134756.html