JS:回頂部、回底部語法
2014/02/12
萌芽站長
1,879 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
Live Sass Compiler(Visual Studio Code 擴充功能):讓 VSCode 支援即時編譯 SASS/SCSS 成 CSS
📆 2019-03-20
📁
軟體應用, 網站技術, CSS, Sass/SCSS
Two-Factor(WordPress 外掛):讓網站支援兩步驟驗證登入
📆 2021-06-09
📁
網站技術, 資訊安全, 架站程式, WordPress
【論壇美化】全局框線美化
📆 2013-01-01
📁
網站技術, 架站程式, Discuz!
Node.js:Gulp 套件協助將 JavaScript 合併、壓縮與命名,將 JS 封裝吧!
📆 2019-04-02
📁
網站技術, JavaScript, Node.js, Gulp
【論壇經營】Discuz! X3.1 修復無法修改頭像
📆 2014-11-08
📁
網站技術, 架站程式, Discuz!
CSS:免去方向指令,將CSS縮短
📆 2014-01-23
📁
網站技術, CSS
CSS background-image 動態下橫線(底線)
📆 2020-08-26
📁
網站技術, CSS
React 初嘗試:不使用 npm、Babel 和 webpack 的 HELLO 頁面
📆 2019-07-13
📁
網站技術, HTML, JavaScript, React
留言區 / Comments
萌芽論壇