fix padding-top for animation

kirchbergerknorr · Jan 17, 2017 · 760b19a · 760b19a
1 parent 950eef9
commit 760b19a
Showing 1 changed file with 12 additions and 12 deletions.
diff --git a/sticky-header.js b/sticky-header.js
@@ -35,21 +35,12 @@ var jQuery = require('jquery');
 
         if (isSticky) {
             stickyTimer = setTimeout(function () {
-                $element.addClass("is-sticky");                
-
-                if (scrollbarVerticalPosition <= stickyElementHeight) {
-                    $body.addClass('sticky-top');
-                    $element.removeClass("sticky-wrapper");
-                    $body.css('padding-top', 0);
-                } else {
-                    $body.removeClass('sticky-top');
-                    $element.addClass("sticky-wrapper");
-                    $body.css('padding-top', stickyElementHeight);
-                }                
+                $element.addClass("is-sticky");
+                $body.css('padding-top', stickyElementHeight);
             }, stickyTimeout);
         } else {
             stickyTimer = setTimeout(function () {
-                $body.css('padding-top', 0);
+                $body.css('padding-top', stickyElementHeight);
                 $element.removeClass("is-sticky");
             }, stickyTimeout);
         }
@@ -99,6 +90,15 @@ var jQuery = require('jquery');
                     || stickyType == 'scroll-top' && scrollbarVerticalPosition > scrollbarPreviousVerticalPosition) {
                     // Scrolled to top or Scrolling down
                     makeSticky($stickyElement, $body, false);
+
+                    if (scrollbarVerticalPosition <= stickyElementHeight) {
+                        $body.addClass('sticky-top');
+                        $body.css('padding-top', 0);
+                        $stickyElement.removeClass("sticky-wrapper");
+                    } else {
+                        $body.removeClass('sticky-top');
+                        $stickyElement.addClass("sticky-wrapper");                        
+                    }
                 } else {
                     // Scrolling up
                     makeSticky($stickyElement, $body, true);