浏览模块

滚动条模块

HB Framework Authors 2023年2月16日 1 分钟阅读 模块 文档 滚动条
本页内容
赞助

该模块修改浏览器默认的滚动条样式。

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

站点参数

ParameterTypeDefaultDescription
heightstring12px滚动条高度。
widthstring12px滚动条宽度。
track_bgstring#f8f9fa滚动条轨道背景颜色。
thumb_bgstring#909294滚动条滑块背景颜色。
corner_bgstring#909294滚动条交汇处背景颜色，如右下角。

hugo.toml

1[params]
2  [params.hb]
3    [params.hb.scrollbar]
4      corner_bg = '#909294'
5      height = '12px'
6      thumb_bg = '#909294'
7      track_bg = '#f8f9fa'
8      width = '12px'

hugo.yaml

1params:
2  hb:
3    scrollbar:
4      corner_bg: '#909294'
5      height: 12px
6      thumb_bg: '#909294'
7      track_bg: '#f8f9fa'
8      width: 12px

hugo.json

 1{
 2   "params": {
 3      "hb": {
 4         "scrollbar": {
 5            "corner_bg": "#909294",
 6            "height": "12px",
 7            "thumb_bg": "#909294",
 8            "track_bg": "#f8f9fa",
 9            "width": "12px"
10         }
11      }
12   }
13}