浏览文档

返回顶部模块

HB Framework Authors 2023年2月4日 1 分钟阅读 模块 文档 返回顶部 回到顶部
本页内容

又称回到顶部，一个用于返回顶部的按钮。

Modulegithub.com/hbstack/back-to-top
Repository⭐ Please consider giving a star if your like it.
Stars
Version
Used by
Requirements
License
UsageSee how to use modules.

站点参数

NameTypeRequireDefaultDescription
animationboolean-true为 false 则禁用默认动画。
icon_heightstring-2em图标的高度。
icon_namenumber-rocketBootstrap 的图标名称。
icon_widthnumber-2em图标的宽度。
position_bottomnumber-1rem按钮的 bottom 属性值。
position_endnumber-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}