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
w3big.com:最完整的線上網頁技術教學網站、全中文教學、自學網頁
📆 2018-01-20
📁
網路應用, 網站技術
Highlight Matching Tag(Visual Studio Code 擴充功能):HTML 開始與結束標籤強調與標示
📆 2020-03-02
📁
軟體應用, 網站技術, HTML
Git 版本控制:建立與初始化本地倉庫、暫存與認可變更(使用 VS Code)
📆 2019-09-18
📁
軟體應用, 網站技術, 程式設計
Windows 環境安裝 Node.js 以及 npm & Yarn 兩款熱門 JavaScript 套件管理程式
📆 2019-03-24
📁
軟體介紹, 網站技術, 學業筆記, JavaScript, Node.js
Node.js:處理多層目錄檔案(Gulp、mozjpeg 批次圖片壓縮 - 延伸篇)
📆 2019-03-30
📁
多媒體, 網站技術, JavaScript, Node.js, 靜圖處理, Gulp
使用 Docker 更新 Node-RED 教學
📆 2021-12-08
📁
網站技術, Node.js, Node-RED
ScrollIt.js:建立頁面滾動導覽的 jQuery 插件
📆 2019-01-19
📁
網站技術, HTML, JavaScript, jQuery
Weather Icons:免費天氣圖標、可用於網頁或 APP、日夜圖示皆有
📆 2019-01-26
📁
網站技術, HTML, CSS, JavaScript
留言區 / Comments
萌芽論壇