JS:回頂部、回底部語法
2014/02/12
萌芽站長
1,348 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
Tilt.js:浮動方塊製作、視差懸停傾斜效果 jQuery 插件
📆 2019-01-28
📁
網站技術, HTML, JavaScript, jQuery
CSS:不隨著捲軸移動的固定背景
📆 2013-12-20
📁
網站技術, CSS
JSP 網站瀏覽數統計實作:Tomcat & JSP 連線 MySQL 教學、隱含物件 Session 解說、程式詳解
📆 2019-06-02
📁
網站技術, 伺服器, 資料庫, 學業筆記, JSP, SQL
Node.js:Webpack 基礎概念與 JS 封裝過程教學(使用 VS Code)
📆 2019-08-19
📁
軟體應用, 網站技術, JavaScript, Node.js, Webpack
HTML button 將按鈕做成連結
📆 2021-10-20
📁
網站技術, HTML
CSS:新版捲(卷)軸!快來看唷!
📆 2013-01-01
📁
網站技術, CSS
PHP:HTML 表單的 GET 與 POST 傳值
📆 2019-06-14
📁
網站技術, HTML, PHP
React 初嘗試(二):利用 Babel CDN 讓瀏覽器直接跑 JSX
📆 2019-08-17
📁
網站技術, HTML, JavaScript, React
留言區 / Comments
萌芽論壇