JS:回頂部、回底部語法
2014/02/12
萌芽站長
1,349 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
Pingendo:RWD 網頁設計軟體、模板網頁製作、拖拉設計網頁
📆 2018-09-29
📁
軟體介紹, 網站技術
Node.js:Gulp 運行 gulp-clean-css,批次壓縮 CSS
📆 2019-03-28
📁
網站技術, CSS, JavaScript, Node.js, Gulp
Node.js:Yarn 專案初始化、gulp.js 任務管理工具安裝與使用
📆 2019-03-24
📁
網站技術, 伺服器, 學業筆記, JavaScript, Node.js, Gulp
Cloudflare SSL Test:測試網站 SSL 是否正確
📆 2019-02-28
📁
網路應用, 網站技術
CSS:filter:毛玻璃效果
📆 2014-09-28
📁
網站技術, CSS
jQuery:利用自定義 HTML 屬性打造多國語言的靜態網頁
📆 2020-05-03
📁
網站技術, HTML, JavaScript, jQuery
PHP:glob() 取得匹配之檔案路徑、filesize() 取得指定檔案大小
📆 2021-10-22
📁
網站技術, PHP
CSS:不隨著捲軸移動的固定背景
📆 2013-12-20
📁
網站技術, CSS
留言區 / Comments
萌芽論壇