JS:回頂部、回底部語法
2014/02/12
萌芽站長
1,351 0
網站技術 , 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
PHP strlen() & mb_strlen() 直接與加入編碼之判斷字串長度函數
📆 2019-06-28
📁
網站技術, PHP
【技巧】隨時間有主題性的網站設計
📆 2013-01-01
📁
網站技術
Node.js:Gulp 運行 gulp-connect 套件,建立前端開發伺服器(Gulp 大展身手!)
📆 2019-03-25
📁
網站技術, 伺服器, 學業筆記, JavaScript, Node.js, Gulp
HTML:單框表單語音系統
📆 2013-01-01
📁
網站技術, HTML
Evil Icons:免費高品質向量圖標
📆 2017-02-22
📁
網路應用, 網站技術
Node-RED:將資料寫入至 MSSQL 資料庫中的資料表
📆 2021-12-07
📁
網站技術, 資料庫, Node.js, Node-RED
Native Lazyload:原生延遲載入功能登場!純 HTML 就能做到!
📆 2019-09-14
📁
軟體應用, 瀏覽器, 網站技術, HTML, 架站程式, WordPress, Google Chrome
Ionicons:精美開源圖標、Material & iOS 風格、可運用在網站上
📆 2019-01-18
📁
網站技術, HTML, CSS, JavaScript
留言區 / Comments
萌芽論壇