try to fix sticky header

cmahnke · Jul 28, 2024 · 6033468 · 6033468
1 parent 4d542c7
commit 6033468
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 11 deletions.
diff --git a/assets/js/script.js b/assets/js/script.js
@@ -3,7 +3,7 @@ let mql = window.matchMedia('(max-width: 35em)');
 if (!mql.matches) {
     /* var sticky = new Sticky('#head');*/
     /* useGetBoundingClientRect: true, customVerticalPosition: true */
-    var sticky = stickybits('#head', { useStickyClasses: true, stuckClass: "sticky-top"});
+    //var sticky = stickybits('#head', { useStickyClasses: true, stuckClass: "sticky-top"});
 }
 
 if (document.querySelector('.type-text')) {

diff --git a/assets/scss/base.scss b/assets/scss/base.scss
@@ -66,6 +66,9 @@ a:visited {
 .header {
     font-family: 'League Spartan', Futura, sans-serif;
     background: white;
+    position: sticky;
+    top: 0;
+    z-index: 100;
 
     &.sticky-top,
     &.js-is-sticky {

diff --git a/layouts/_default/baseof.html b/layouts/_default/baseof.html
@@ -33,16 +33,18 @@
 
   </head>
 
-     {{- $class := "" }}
-     {{- with .Page.File -}}
-       {{- if or (hasPrefix .Path "about") (hasPrefix .Path "/about") -}}
-           {{- $class = "about" -}}
-       {{- end -}}
-     {{- end -}}
-
-     {{- if .Params.metaPage -}}
-         {{- $class = printf "%s %s" $class "meta" -}}
-     {{- end -}}
+    {{- $class := "" }}
+    {{- with .Page.File -}}
+      {{- if or (hasPrefix .Path "about") (hasPrefix .Path "/about") -}}
+        {{- $class = "about" -}}
+      {{- else -}}
+        {{- $class = printf "%s-%s" "section" (replace .Dir "/" "" ) -}}
+      {{- end -}}
+    {{- end -}}
+
+    {{- if .Params.metaPage -}}
+      {{- $class = printf "%s %s" $class "meta" -}}
+    {{- end -}}
      <body class="{{ $class }} {{ if .IsHome }}home{{ end }}">
          <a name="top"></a>
          <div class="page-wrapper">