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

Line 1: Line 1:
−
// jQuery to collapse the navbar on scroll
+
    // Closes the Responsive Menu on Menu Item Click
−
function collapseNavbar() {
+
     $('.navbar-collapse ul li a').click(function(){  
−
     if ($(".navbar").offset().top > 50) {
+
            $('.navbar-toggle:visible').click();
−
        $(".navbar-fixed-top").addClass("top-nav-collapse");
+
−
    } else {
+
−
        $(".navbar-fixed-top").removeClass("top-nav-collapse");
+
−
    }
+
−
}
+
−
 
+
−
$(window).scroll(collapseNavbar);
+
−
$(document).ready(collapseNavbar);
+
−
 
+
−
// jQuery for page scrolling feature - requires jQuery Easing plugin
+
−
$(function() {
+
−
    $('a.page-scroll').bind('click', function(event) {
+
−
        var $anchor = $(this);
+
−
        $('html, body').stop().animate({
+
−
            scrollTop: $($anchor.attr('href')).offset().top
+
−
        }, 1500, 'easeInOutExpo');
+
−
        event.preventDefault();
+
 
     });
 
     });
−
});
 
  
−
// Closes the Responsive Menu on Menu Item Click
+
    // Offset for Main Navigation
−
$('.navbar-collapse ul li a').click(function() {
+
    $('#mainNav').affix({
−
     $(this).closest('.collapse').collapse('toggle');
+
        offset: {
−
});
+
            top: 100
 +
        }
 +
     })

Revision as of 04:25, 9 October 2016

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

   // Offset for Main Navigation
   $('#mainNav').affix({
       offset: {
           top: 100
       }
   })