From a32d0ee2b0974c5fbd5a18e5b666d5b1f8f25c89 Mon Sep 17 00:00:00 2001 From: Dustin Hayes Date: Wed, 15 Apr 2015 17:18:54 -0400 Subject: [PATCH 1/2] fix sticky nav error and page jump --- js/app.js | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/js/app.js b/js/app.js index 9f1e7ae..b281485 100644 --- a/js/app.js +++ b/js/app.js @@ -6,6 +6,9 @@ var createStickyNav = function($node, reqAnimFrame, className) { var isSticky; var lastPos = -1; var stickyTop = ~~($node.offset().top); + var $clone = $node.clone(); + + $clone.insertAfter($node).hide(); var loop = function() { reqAnimFrame(loop); @@ -17,8 +20,7 @@ var createStickyNav = function($node, reqAnimFrame, className) { if (_isSticky === isSticky) return; isSticky = _isSticky; lastPos = pos; - $node.toggleClass(className, isSticky); - + $clone.toggle(isSticky).toggleClass(className, isSticky); }; loop(); @@ -28,6 +30,8 @@ $(function() { // Sticky that nav up var $nav = $('.js-sticky-nav') - createStickyNav($nav, window.requestAnimationFrame) + if ($nav.length) { + createStickyNav($nav, window.requestAnimationFrame) + } }) From ce2bf55990afa733caf0cc3ffec480dcece55a4d Mon Sep 17 00:00:00 2001 From: Dustin Hayes Date: Wed, 15 Apr 2015 17:24:02 -0400 Subject: [PATCH 2/2] fix sticky nav error and page jump --- js/app.js | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/js/app.js b/js/app.js index b281485..4a281b7 100644 --- a/js/app.js +++ b/js/app.js @@ -27,11 +27,9 @@ var createStickyNav = function($node, reqAnimFrame, className) { }; $(function() { - - // Sticky that nav up - var $nav = $('.js-sticky-nav') - if ($nav.length) { - createStickyNav($nav, window.requestAnimationFrame) + // Sticky that nav up + var $nav = $('.js-sticky-nav') + if ($nav.length) { + createStickyNav($nav, window.requestAnimationFrame) } - })