網站回頂部、回底部是相當簡單製作的，只要經過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:免去方向指令，將CSS縮短
📆 2014-01-23
📁 網站技術, CSS

Flickity：超強大的 jQuery 插件！建立全平台都支援的幻燈片或卡片！
📆 2019-01-19
📁 網站技術, HTML, CSS, JavaScript, jQuery

Beautify（Visual Studio Code 擴充功能）：美化網頁原始碼、支援 javascript、CSS 和 HTML 等
📆 2019-02-11
📁 軟體應用, 網站技術

無縮圖

CSS:CSS總介紹
📆 2013-01-01
📁 網站技術, CSS

Node.js：Gulp 套件協助將 JavaScript 合併、壓縮與命名，將 JS 封裝吧！
📆 2019-04-02
📁 網站技術, JavaScript, Node.js, Gulp

XAMPP：Apache 服務路徑錯誤之解決方式
📆 2022-09-04
📁 軟體應用, 網站技術, 伺服器

WordPress 安裝教學與前後台簡介（以 XAMPP 作為平台）
📆 2019-12-22
📁 軟體應用, 網站技術, 架站程式, 架站資源, WordPress

PHP：尋找 php.ini 路徑及 php.ini-development 與 php.ini-production 是什麼？
📆 2021-10-21
📁 網站技術, 伺服器, PHP