欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

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

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

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

接下來(lái)就直接貼代碼啦：

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

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

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

相關(guān)文章

最新評(píng)論