JS:回頂部、回底部語法
2014/02/12
萌芽站長
1,503 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
Material icons:Google推出的高品質圖標字體
📆 2017-02-24
📁
網路應用, 網站技術
【論壇經營】Discuz! X3.1變更界面風格預設字體
📆 2014-08-14
📁
網站技術, 架站程式, Discuz!
JavaScript:科學記號與數字互相轉換
📆 2022-09-12
📁
網站技術, JavaScript
【萌芽網站技術教學】第一章:準備當個網站站長
📆 2014-07-27
📁
網站技術
CSS:圓框
📆 2013-01-01
📁
網站技術, CSS
CSS:filter:毛玻璃效果
📆 2014-09-28
📁
網站技術, CSS
MySQL Workbench & phpMyAdmin 匯出/匯入(備份)完整 MySQL 資料庫教學
📆 2019-06-09
📁
網站技術, 伺服器, 資料庫, 學業筆記, SQL
HeidiSQL:支援 MariaDB、MySQL、Microsoft SQL、PostgreSQL、SQLite 的資料庫管理軟體
📆 2022-09-11
📁
軟體介紹, 網站技術, 資料庫, SQL
留言區 / Comments
萌芽論壇