jquery實現點選按鈕返回到頁面頂部效果
阿新 • • 發佈:2018-11-05
有的時候我們需要實現點選按鈕回到頁面頂部的效果,下面就是我的實現
首先HTML程式碼如下
<div class="QZ-up" style="display: none;"></div>
當滾動條高度大於120px的時候出現按鈕如下
jquery程式碼如下:
$(window).scroll(function() { var scroll_len = $(window).scrollTop(); if(scroll_len > 120) { $('.QZ-up').fadeIn(); } else { $('.QZ-up').fadeOut(); }; }); $('.QZ-up').click(function(e){ $("body,html").animate({scrollTop:0},300); })