在很多地方，我們都會用到“返回頂部”按鈕。那麼這個要怎麼實現呢？

1、html程式碼

1. <buttonclass="back_to_top">返回頂部</button>

1. .back_to_top{  
2.     position: fixed;  
3.     bottom:30px;  
4.     right: 30px;  
5.     border:1pxsolid#888;  
6. }  

1. var backButton=$('.back_to_top');  
2. function backToTop() {  
3.     $('html,body'
   ).animate({  
4.         scrollTop: 0  
5.     }, 800);  
6. }  
7. backButton.on('click', backToTop);  
8. $(window).on('scroll', function () {/*當滾動條的垂直位置大於瀏覽器所能看到的頁面的那部分的高度時，回到頂部按鈕就顯示 */
9.     if ($(window).scrollTop() > $(window).height())  
10.         backButton.fadeIn();  
11.     else
12.         backButton.fadeOut();  
13. });  
14. $(window).trigger('scroll'
    );/*觸發滾動事件，避免重新整理的時候顯示回到頂部按鈕*/

$(window).height()   獲取當前瀏覽器視窗的大小，瀏覽器拉伸大小就會變

$(document).height()  獲取整個文件的高度