成为我们的资助者或赞助商,以支持我们的工作。
又称回到顶部,一个用于返回顶部的按钮。
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}