返回頂部模塊
本頁內容
贊助
又稱回到頂部，一個用於返回頂部的按鈕。
| Module | github.com/hbstack/back-to-top |
|---|---|
| Repository | ⭐ Please consider giving a star if your like it. |
| Stars |  |
| Version |  |
| Used by |  |
| Requirements |  |
| License |  |
| Usage | See how to use modules. |
站點參數
| Name | Type | Require | Default | Description |
|---|---|---|---|---|
animation | boolean | - | true | 爲 false 則禁用默認動畫。 |
icon_height | string | - | 2em | 圖標的高度。 |
icon_name | number | - | rocket | Bootstrap 的圖標名稱。 |
icon_width | number | - | 2em | 圖標的寬度。 |
position_bottom | number | - | 1rem | 按鈕的 bottom 屬性值。 |
position_end | number | - | 1rem | 按鈕的 right（LTR）或 left（RTL） 屬性值。 |
hugo.toml
1[params]
2 [params.hb]
3 [params.hb.back_to_top]
4 animation = true
5 icon_height = '2em'
6 icon_name = 'rocket'
7 icon_width = '2em'
8 position_bottom = '1rem'
9 position_end = '1rem'
hugo.yaml
1params:
2 hb:
3 back_to_top:
4 animation: true
5 icon_height: 2em
6 icon_name: rocket
7 icon_width: 2em
8 position_bottom: 1rem
9 position_end: 1rem
hugo.json
1{
2 "params": {
3 "hb": {
4 "back_to_top": {
5 "animation": true,
6 "icon_height": "2em",
7 "icon_name": "rocket",
8 "icon_width": "2em",
9 "position_bottom": "1rem",
10 "position_end": "1rem"
11 }
12 }
13 }
14}
