Merge pull request #45 from lfalin/fix-sticky-header

Fix sticky header jumpiness
matcornic · May 29, 2017 · bf4cf2e · bf4cf2e
2 parents 9edc2e2 + c68dda1
commit bf4cf2e
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/layouts/partials/header.html b/layouts/partials/header.html
@@ -27,9 +27,10 @@
         <section id="body">
         <div id="overlay"></div>
 
-        <div class="padding highlightable">
-
-            <div id="top-bar">
+        <div class="padding highlightable sticky-parent">
+
+            <div class="sticky-spacer">
+              <div id="top-bar">
               {{ if and .IsPage .Site.Params.editURL }}
                 {{ $File := .File }}
                 {{ $Site := .Site }}
@@ -71,6 +72,7 @@
               {{ if .Params.toc }}
                   {{ partial "toc.html" . }}
               {{ end }}
+            </div>
 
             </div>
             {{ if $isChapter }}

diff --git a/static/js/hugo-learn.js b/static/js/hugo-learn.js
@@ -56,7 +56,10 @@ images.each(function(index){
 });
 
 // Stick the top to the top of the screen when  scrolling
-$("#top-bar").stick_in_parent({spacer: false});
+$("#top-bar").stick_in_parent( {
+  parent: ".sticky-parent",
+  spacer: ".sticky-spacer",
+});
 
 
 jQuery(document).ready(function() {