一直就想給博客添加個類似新浪微博一側的回到底部按鍵，奈何自己不懂很多網站代碼設計的東西。直到前天mg12的博客發了篇新博文(jQuery 跟隨瀏覽器窗口的回到底部按鍵)介紹了添加方式跟腳本以后才動手弄了個，具體演示可以看我的博客右下方。

參數描述：

1.下載所需文件

下載一個Go Top功能腳本typecho回到頂部，點擊下載(Go Top+滾動療效) ，或者參考我博客的js文件 //gotop 和 //滾動療效 部分，可直接復制使用。

2.插入 JavaScript 和添加執行腳本

將下載的JS文件放置至自己的網站上，在頁面頂部之前加入代碼typecho回到頂部，例子如下：

/* < ![CDATA[ */

(new GoTop()).init({

pageWidth :980,

nodeId :'go-top',

nodeWidth :50,

distanceToBottom :125,

hideRegionHeight :130,

text :'Top'

});

/* ]]> */

3.修改網站式樣文件

加入回到底部按鍵對應的款式, 假設回到底部按鍵 ID 設置為 go-top, 那么可以添加代碼如下:

a#go-top{background:#F9F9F9;width:50px;height:25px;text-align:center;text-decoration:none;line-height:25px;color:#999;}

可以自行更改css樣式，但 width 請與腳本參數中的 nodeWidth 保持一致。

其實就很簡單的添加一段代碼跟上傳一個js文件，大家按著教程來做都可以做好的，適合任何網站添加哦。

總結

以上是生活随笔為你收集整理的html设置回到顶部按钮,给网站添加回到顶部按钮的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。