国产欧美日韩第一页|日本一二三不卡视频|在线精品小视频,亚洲第一免费播放区,metcn人体亚洲一区,亚洲精品午夜视频

幫助中心 >  技術(shù)知識(shí)庫(kù) >  網(wǎng)站相關(guān) >  程序開發(fā) >  jquery實(shí)現(xiàn)點(diǎn)擊按鈕返回到頁(yè)面頂部效果

jquery實(shí)現(xiàn)點(diǎn)擊按鈕返回到頁(yè)面頂部效果

2019-01-24 16:41:55 6260

有的時(shí)候我們需要實(shí)現(xiàn)點(diǎn)擊按鈕回到頁(yè)面頂部的效果,下面就是我的實(shí)現(xiàn)


首先HTML代碼如下


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

當(dāng)滾動(dòng)條高度大于120px的時(shí)候出現(xiàn)按鈕

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

    })


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

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

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

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