removed animated header and classie.js plugins and replaced with boot…

…strap affix to handle the collapsing menu bar
bgw254 · Jun 22, 2016 · fb65c10 · fb65c10
1 parent c60e29e
commit fb65c10
Show file tree

Hide file tree

Showing 9 changed files with 40 additions and 174 deletions.
diff --git a/css/agency.css b/css/agency.css
@@ -209,17 +209,19 @@ fieldset[disabled] .btn-xl.active {
   .navbar-default .navbar-nav > .active > a {
     border-radius: 3px;
   }
-  .navbar-default.navbar-shrink {
+}
+@media (min-width: 768px) {
+  .navbar-default.affix {
     background-color: #222;
     padding: 10px 0;
   }
-  .navbar-default.navbar-shrink .navbar-brand {
+  .navbar-default.affix .navbar-brand {
     font-size: 1.5em;
   }
 }
 header {
   background-image: url('../img/header-bg.jpg');
-  background-repeat: none;
+  background-repeat: no-repeat;
   background-attachment: scroll;
   background-position: center center;
   -webkit-background-size: cover;

diff --git a/css/agency.min.css b/css/agency.min.css
diff --git a/index.html b/index.html
@@ -36,7 +36,7 @@
 <body id="page-top" class="index">
 
     <!-- Navigation -->
-    <nav class="navbar navbar-default navbar-fixed-top">
+    <nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
         <div class="container">
             <!-- Brand and toggle get grouped for better mobile display -->
             <div class="navbar-header page-scroll">
@@ -648,8 +648,6 @@ <h2>Project Name</h2>
 
     <!-- Plugin JavaScript -->
     <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-easing/1.3/jquery.easing.min.js"></script>
-    <script src="js/classie.js"></script>
-    <script src="js/cbpAnimatedHeader.js"></script>
 
     <!-- Contact Form JavaScript -->
     <script src="js/jqBootstrapValidation.js"></script>

diff --git a/js/agency.js b/js/agency.js
@@ -4,23 +4,34 @@
  * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
  */
 
-// jQuery for page scrolling feature - requires jQuery Easing plugin
-$(function() {
+(function($) {
+    "use strict"; // Start of use strict
+
+    // jQuery for page scrolling feature - requires jQuery Easing plugin
     $('a.page-scroll').bind('click', function(event) {
         var $anchor = $(this);
         $('html, body').stop().animate({
-            scrollTop: $($anchor.attr('href')).offset().top
-        }, 1500, 'easeInOutExpo');
+            scrollTop: ($($anchor.attr('href')).offset().top - 50)
+        }, 1250, 'easeInOutExpo');
         event.preventDefault();
     });
-});
 
-// Highlight the top nav as scrolling occurs
-$('body').scrollspy({
-    target: '.navbar-fixed-top'
-})
+    // Highlight the top nav as scrolling occurs
+    $('body').scrollspy({
+        target: '.navbar-fixed-top',
+        offset: 51
+    });
+
+    // Closes the Responsive Menu on Menu Item Click
+    $('.navbar-collapse ul li a:not(.dropdown-toggle)').click(function() {
+        $('.navbar-toggle:visible').click();
+    });
+
+    // Offset for Main Navigation
+    $('#mainNav').affix({
+        offset: {
+            top: 100
+        }
+    })
 
-// Closes the Responsive Menu on Menu Item Click
-$('.navbar-collapse ul li a:not(.dropdown-toggle)').click(function() {
-    $('.navbar-toggle:visible').click();
-});
+})(jQuery); // End of use strict
diff --git a/js/agency.min.js b/js/agency.min.js
diff --git a/js/cbpAnimatedHeader.js b/js/cbpAnimatedHeader.js
diff --git a/js/cbpAnimatedHeader.min.js b/js/cbpAnimatedHeader.min.js