JS:回頂部、回底部語法
2014/02/12
萌芽站長
1,758 3
網站技術 , 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
Joomla! 內容管理系統(架站程式)完整安裝過程
📆 2017-03-30
📁
網站技術, 架站程式
jQuery「jquery.rss」將 RSS 轉成 HTML
📆 2017-07-14
📁
網站技術, jQuery, RSS
Node-RED:Dashboard 使用 button 和 ui control 切換 tab
📆 2021-12-28
📁
網站技術, 物聯網, Node.js, Node-RED
【技巧】網站設計三大原則:簡單、實用、美觀
📆 2013-01-01
📁
網站技術
解決搜尋引擎蜘蛛導致主機資源滿載和網站掛掉的問題、.htaccess 擋壞蜘蛛
📆 2017-09-05
📁
網站技術, 伺服器
CSS:圖片碰觸後漸層方框
📆 2013-01-01
📁
網站技術, CSS
CSS Portal:格式化CSS代碼
📆 2016-05-09
📁
網路應用, 網站技術, CSS
【網站架設】我應該如何選擇網域?
📆 2013-12-28
📁
網站技術
留言區 / Comments
萌芽論壇