New body scrollbar style option

next-theme · Apr 14, 2021 · d83d869 · d83d869
1 parent 4ffaabb
commit d83d869
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/_config.yml b/_config.yml
@@ -352,8 +352,8 @@ mobile_layout_economy: false
 # Android Chrome header panel color ($brand-bg / $headband-bg => $black-deep).
 android_chrome_color: "#222"
 
-# Place the scrollbar of <body> over the content.
-overlay_body_scrollbar: false
+# Available values: default | overlay | stable
+body_scrollbar_style:
 
 codeblock:
   # Code Highlight theme

diff --git a/source/css/_common/scaffolding/base.styl b/source/css/_common/scaffolding/base.styl
@@ -17,12 +17,14 @@ body {
   position: relative;
   transition: padding $transition-ease;
 
-  if (hexo-config('overlay_body_scrollbar')) {
+  if (hexo-config('overlay_body_scrollbar') == 'overlay') {
     overflow-x: hidden;
     @supports (overflow-x: clip) {
       overflow-x: clip;
     }
     width: 100vw;
+  } else if (hexo-config('overlay_body_scrollbar') == 'stable') {
+    overflow-y: scroll;
   }
 }