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

參數(shù)描述：

1.下載所需文件

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

2.插入 JavaScript 和添加執(zhí)行腳本

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

/* < ![CDATA[ */

(new GoTop()).init({

pageWidth :980,

nodeId :'go-top',

nodeWidth :50,

distanceToBottom :125,

hideRegionHeight :130,

text :'Top'

});

/* ]]> */

3.修改網(wǎng)站式樣文件

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

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

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

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。