滾動條模塊

本頁內容

該模塊修改瀏覽器默認的滾動條樣式。

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}