網站回頂部、回底部是相當簡單製作的，只要經過CSS修飾，一定是很讚的網站元素~!
我所用的原碼已經將JS加在HTML中了，方便你使用~!
這個JS原碼所表現出來的樣子是比較直接的，只要點一下就會直接跳到頂/底部，不會有秒數延遲。
可以看你的喜好參考看看~!
範例：

⇑回頂部 ⇓回底部
原碼：
<div onclick="window.scrollTo(0,0);return false;" title="回頂部"><b>⇑回頂部</b></div>
<div onclick="window.scrollTo(0,document.body.scrollHeight);return false;" title="回底部"><b>⇓回底部</b></div>

CSS background-image 動態下橫線（底線）
📆 2020-08-26
📁 網站技術, CSS

無縮圖

【網站架設】組成網站的三大元素
📆 2013-11-03
📁 網站技術

CSS:新版捲(卷)軸!快來看唷!
📆 2013-01-01
📁 網站技術, CSS

WordPress 網址異動，利用 SQL 指令快速更改
📆 2016-02-01
📁 網站技術, 資料庫, SQL, 架站程式, WordPress

【論壇美化】全局框線美化
📆 2013-01-01
📁 網站技術, 架站程式, Discuz!

無縮圖

JS:展開/收起
📆 2013-12-31
📁 網站技術, JavaScript

Node.js：建構路徑物件、自動監看執行、批次檔小技巧（Gulp、mozjpeg 批次圖片壓縮 - 延伸篇�...
📆 2019-03-31
📁 多媒體, 網站技術, JavaScript, Node.js, 靜圖處理, Gulp

GitHub Desktop：建立、上傳專案教學，公開自己的專案到 GitHub 吧！
📆 2019-04-04
📁 軟體介紹, 軟體應用, 網路應用, 網站技術