:::

回上方浮動按鈕

2.0 AA

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

回上方浮動按鈕 更新說明

回上方浮動按鈕

「 回上方浮動按鈕 」簡介

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

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

安裝方式

  1. 到區塊管理,新增一個自訂區塊。
  2. 將底下內容貼到自訂區塊中
    <a href="#main-nav">
        <img src="https://image.flaticon.com/icons/svg/137/137622.svg" 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 (2020-08-06 11:06:46 起被下載 88 次)

回上方浮動按鈕

:::

http%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_modules%2Findex.php%3Fmodule_sn%3D128

計數器

今天: 2642264226422642
昨天: 3041304130413041
總計: 3604820360482036048203604820360482036048203604820