added sticky header via javascript since foundation sticky class doesn't appear to...

diff --git a/js/app.js b/js/app.js
index 2d7e1d0..4e4b110 100644 (file)
--- a/js/app.js
+++ b/js/app.js
@@ -50,4 +50,19 @@ $(document).ready(function () {
             this.title = $(this.element).find('img').attr('alt');
         }
     });
+        var body = $("body");
+    var sticky = $(".sticky");
+    $(window).on("scroll", function () {
+        var scrollTop = $(window).scrollTop();
+        if(scrollTop > 0){
+            $(sticky).addClass("fixed");
+            $(body).addClass("f-topbar-fixed");
+        } 
+//        if(scrollTop == 0){
+//            $(sticky).removeClass("fixed");
+//            $(body).removeClass("f-topbar-fixed");
+//        }
+        console.log(scrollTop);
+    });
+    
 });

diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index 2c77d7d..690bd36 100644 (file)
--- a/js/custom/pageSetup.js
+++ b/js/custom/pageSetup.js
@@ -41,4 +41,19 @@ $(document).ready(function () {
             this.title = $(this.element).find('img').attr('alt');
         }
     });
+        var body = $("body");
+    var sticky = $(".sticky");
+    $(window).on("scroll", function () {
+        var scrollTop = $(window).scrollTop();
+        if(scrollTop > 0){
+            $(sticky).addClass("fixed");
+            $(body).addClass("f-topbar-fixed");
+        } 
+//        if(scrollTop == 0){
+//            $(sticky).removeClass("fixed");
+//            $(body).removeClass("f-topbar-fixed");
+//        }
+        console.log(scrollTop);
+    });
+    
 });