Difference between revisions of "Team:XJTLU-CHINA/js/main"

Line 1: Line 1:
−
    // Closes the Responsive Menu on Menu Item Click
+
// Offset for Main Navigation
−
    $('.navbar-collapse ul li a').click(function(){  
+
$('#mainNav').affix({
−
            $('.navbar-toggle:visible').click();
+
    offset: {
−
     });
+
        top: 100
 +
     }
 +
})
  
−
    // Offset for Main Navigation
+
// jQuery to collapse the navbar on scroll
−
     $('#mainNav').affix({
+
function collapseNavbar() {
−
         offset: {
+
     if ($(".navbar").offset().top > 50) {
−
            top: 100
+
         $(".navbar-fixed-top").addClass("top-nav-collapse");
−
        }
+
    } else {
−
     })
+
        $(".navbar-fixed-top").removeClass("top-nav-collapse");
 +
    }
 +
}
 +
 
 +
$(window).scroll(collapseNavbar);
 +
$(document).ready(collapseNavbar);
 +
 
 +
// Closes the Responsive Menu on Menu Item Click
 +
$('.navbar-collapse ul li a').click(function() {
 +
     $(this).closest('.collapse').collapse('toggle');
 +
});

Revision as of 04:29, 9 October 2016

// Offset for Main Navigation $('#mainNav').affix({ 

   offset: {
       top: 100
   }

})

// jQuery to collapse the navbar on scroll function collapseNavbar() { 

   if ($(".navbar").offset().top > 50) {
       $(".navbar-fixed-top").addClass("top-nav-collapse");
   } else {
       $(".navbar-fixed-top").removeClass("top-nav-collapse");
   }

}

$(window).scroll(collapseNavbar); $(document).ready(collapseNavbar);

// Closes the Responsive Menu on Menu Item Click $('.navbar-collapse ul li a').click(function() { 

   $(this).closest('.collapse').collapse('toggle');

});