手机看片精品高清国产日韩,色先锋资源综合网,国产哺乳奶水91在线播放,乱伦小说亚洲色图欧洲电影

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

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

2019-01-24 16:41:55 138

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


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

    })


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

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

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

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