跳至主內容區

XOOPS輕鬆架

:::

主內容區域

回上方浮動按鈕

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 起被下載 681 次)

回上方浮動按鈕

:::

左邊區域內容

快速登入


右邊區域內容

請掃此 QR Code 可連至此頁面

計數器

今天: 1197119711971197
昨天: 2814281428142814
總計: 9411072941107294110729411072941107294110729411072

頁尾區域