自寫jquery網頁回到頂部效果，漸隱表徵圖，引用js檔案即可

標籤：回到頂部   頁面回到頂部   

唔，進來開發需求，當網頁內容草雞多的時候，使用者就需要有個按鈕快速回到頂部，而不是自己去滾滑輪~

原本以為比較難的說，因為上頭要求全部用js來實現，哪個頁面引用，哪個頁面顯示。

於是乎，本屌絲就嘗試寫了下，唔，沒發現，還挺easy的說~~

有屁我就快放了，直接上代碼，屁放多了就成屎了~~唔，罪過，阿彌陀佛，阿門~~

$(function(){var $btn_top = $('<a id="scrollTop"><img src="css/web/images/scrollTop.png"></a>');$btn_top.css("display","none");$btn_top.css("width","40px");$btn_top.css("height","40px");$btn_top.css("position","fixed");$btn_top.css("right","20px");$btn_top.css("bottom","100px");$btn_top.css("z-index","990");$("body").append($btn_top);$("body").on("click","#scrollTop",function(){$("html,body").animate({scrollTop: 0},"slow");});if($(window).scrollTop() > 100){$("#scrollTop").fadeIn(600);}$(window).scroll(function(){if($(window).scrollTop() > 100){$("#scrollTop").fadeIn(600);}else{$("#scrollTop").fadeOut(600);}});});

圖片自己找個就好啦，我這裡用的是絕對路徑“css/web/images/scrollTop.png”

直接在第四行和第五行改下大小即可，這樣就避免了頁面添加貓標籤~~(>^ω^<)喵~~~

存成js檔案，直接引用，哪疼用哪，誰用誰知道~~~

有交流請加QQ：1740437，歡迎指教~~

另尋求傳說中的古風愛好小夥伴，以及國樂愛好小夥伴，或者拍攝視頻微電影小夥伴~~