:::
回上方浮動按鈕
回上方浮動按鈕 更新說明
回上方浮動按鈕
「 回上方浮動按鈕 」簡介
若網頁太長,可加入回上方按鈕,快速回到頂端。
- 圖片 https://image.flaticon.com/icons/svg/137/137622.svg 可以自行替換(這裡有很多圖)
- width: 64px; 可以決定圖片大小
- 最後一行目的是用來做平順滑動,若刪除會變成瞬間移動。
安裝方式
- 到區塊管理,新增一個自訂區塊。
- 將底下內容貼到自訂區塊中
<a href="#main-nav"> <img src="https://campus-xoops.tn.edu.tw/uploads/top.png" style="width: 64px; z-index: 100; position: fixed; right: 10px; bottom: 10px;" alt="回頂端" title="點我回到上方"> </a> <script src="https://campus-xoops.tn.edu.tw/uploads/smooth-scroll.js"></script> - 內容類型請設為
HTML - 位置建議放在
左邊
回上方浮動按鈕 更新項目
回上方浮動按鈕
1
(2021-12-28 16:56:00 起被下載 681 次)
回上方浮動按鈕