:::

回上方浮動按鈕

2.1 AA

套件名稱: 回上方浮動按鈕 1
作者 : tad
模組網站 :

回上方浮動按鈕 更新說明

回上方浮動按鈕

「 回上方浮動按鈕 」簡介

若網頁太長,可加入回上方按鈕,快速回到頂端。

  • 圖片 https://image.flaticon.com/icons/svg/137/137622.svg 可以自行替換(這裡有很多圖
  • width: 64px; 可以決定圖片大小
  • 最後一行目的是用來做平順滑動,若刪除會變成瞬間移動。

安裝方式

  1. 到區塊管理,新增一個自訂區塊。
  2. 將底下內容貼到自訂區塊中
    <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>
  3. 內容類型請設為HTML
  4. 位置建議放在 左邊

回上方浮動按鈕 更新項目

回上方浮動按鈕 1 (2021-12-28 16:56:00 起被下載 434 次)

回上方浮動按鈕

:::

搜尋

QR Code 區塊

https%3A%2F%2Ftad0616.net%2Fmodules%2Ftad_modules%2Findex.php%3Fmodule_sn%3D128

線上使用者

26人線上 (7人在瀏覽模組控制台)

會員: 0

訪客: 26

更多…