久久青草精品A片狠狠,日韩欧美视频一区二区,亚洲国码AV日韩,国产精品黄在

幫助中心 >  技術知識庫 >  網站相關 >  程序開發 >  jquery實現點擊按鈕返回到頁面頂部效果

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

2019-01-24 16:41:55 142

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


首先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);

    })


提交成功!非常感謝您的反饋,我們會繼續努力做到更好!

這條文檔是否有幫助解決問題?

非常抱歉未能幫助到您。為了給您提供更好的服務,我們很需要您進一步的反饋信息:

在文檔使用中是否遇到以下問題: