亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

簡單幾步實現(xiàn)返回頂部效果

 更新時間：2016年12月05日 10:34:55   作者：勞卜  
本文分享了網(wǎng)頁中經(jīng)常出現(xiàn)的返回頂部效果，相比原生Javascript,jquery實現(xiàn)起來能夠省略不少代碼。希望對大家有所幫助

今天與大家分享下網(wǎng)頁中經(jīng)常出現(xiàn)的返回頂部效果

相比原生Javascript，jquery實現(xiàn)起來能夠省略不少代碼。

接下來就直接貼代碼啦：

$(function(){
    $(window).scroll(function(){ //scroll--瀏覽器滾動條滾動式觸發(fā)
        var wHeight=$(window).height(); //獲取瀏覽器可視窗口高度
        var wTop=$(window).scrollTop(); //獲取滾動條距離頂部高度
        if(wTop>=wHeight) //當(dāng)滾動條距離頂部高度超過一屏?xí)r執(zhí)行
        {
           $("#btn").show(); //返回頂部按鈕顯示
        }
        else{
           $("#btn").hide(); //返回頂部按鈕隱藏
        }
      });
      $("#btn").click(function(){
          $("html,body").animate({scrollTop:0},500); //頁面500毫秒返回頂部
      });
 });

 ok，是不是很簡單，jquery直接為我們提供的animate方法可以很快實現(xiàn)返回頂部的動畫效果。

以上就是本文的全部內(nèi)容，希望對大家有所幫助，同時也希望多多支持腳本之家！

相關(guān)文章

最新評論