JS:回頂部、回底部語法

2014/02/12 1,398 1 網站技術 , JavaScript

網站回頂部、回底部是相當簡單製作的，只要經過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>

贊助廣告 ‧ Sponsor advertisements
ColorDrop：CSS配色靈感、調色板、平面顏色
📆 2017-12-10
📁 網路應用, 網站技術, CSS
Cloudflare SSL Test：測試網站 SSL 是否正確
📆 2019-02-28
📁 網路應用, 網站技術
HTML:<body>
📆 2014-01-04
📁 網站技術, HTML
Git 版本控制：將專案上傳至遠端存放庫（使用 VS Code、GitHub）
📆 2019-09-24
📁 軟體應用, 網站技術, 程式設計
HTML:跑馬燈<marquee>
📆 2013-01-01
📁 網站技術, HTML
CSS:list-style-type屬性
📆 2014-01-29
📁 網站技術, CSS
Node-RED：開啟專案(項目)功能與建立首個新專案
📆 2021-12-02
📁 網站技術, Node.js, Node-RED
Two-Factor（WordPress 外掛）：讓網站支援兩步驟驗證登入
📆 2021-06-09
📁 網站技術, 資訊安全, 架站程式, WordPress

留言區 / Comments

萌芽論壇

萌芽站長

您好，我是萌芽系列網站（Mnya Series Website）的站長&創始人，可以稱呼我「萌芽站長」。我的興趣與專長有登山、觀察地形、攝影、旅遊、網頁設計＆架設＆經營、動畫製作、圖片處理、資料彙整等。有任何問題或建議請至萌芽論壇發表。網站業務、商業合作的聯絡方式在「關於本站 → 團隊介紹 → 站長介紹」，很高興認識您！請多指教！