国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

簡單幾步實現返回頂部效果

2019-11-19 18:40:15
字體:
來源:轉載
供稿:網友

今天與大家分享下網頁中經常出現的返回頂部效果

相比原生Javascript,jquery實現起來能夠省略不少代碼。

接下來就直接貼代碼啦:

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

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

以上就是本文的全部內容,希望對大家有所幫助,同時也希望多多支持武林網!

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 华坪县| 尚义县| 民勤县| 托里县| 平远县| 灵石县| 济宁市| 务川| 桐柏县| 无锡市| 珲春市| 北流市| 泰州市| 邵东县| 水城县| 景德镇市| 合江县| 北川| 新营市| 民乐县| 陆河县| 新巴尔虎右旗| 克什克腾旗| 乌拉特中旗| 万盛区| 华安县| 屏东县| 绥芬河市| 准格尔旗| 玉环县| 光山县| 读书| 阜平县| 太康县| 邓州市| 唐山市| 澄城县| 界首市| 尖扎县| 会宁县| 奉新县|