国产探花免费观看_亚洲丰满少妇自慰呻吟_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方法可以很快實現返回頂部的動畫效果。

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 津市市| 徐水县| 亳州市| 盐源县| 青河县| 绍兴县| 稻城县| 普宁市| 华亭县| 谢通门县| 五寨县| 铜鼓县| 即墨市| 肃北| 离岛区| 汉川市| 滨州市| 泰安市| 集安市| 礼泉县| 青岛市| 漯河市| 安顺市| 甘洛县| 稻城县| 新田县| 大渡口区| 古交市| 迁安市| 英吉沙县| 瓮安县| 章丘市| 阿合奇县| 盐津县| 江都市| 昌宁县| 普安县| 交口县| 天祝| 津南区| 清水县|