Difference between revisions of "Template:Waterloo/JS/header.js"

Line 24: Line 24:
 
   $('.link').each(function(i, obj) {
 
   $('.link').each(function(i, obj) {
 
     $("#inner-page-links").append('<li><a href="#" id="'+obj.id+'" class="scroll-link">'+obj.id.capitalize()+'</a></li>');
 
     $("#inner-page-links").append('<li><a href="#" id="'+obj.id+'" class="scroll-link">'+obj.id.capitalize()+'</a></li>');
 +
  });
 +
  $(".scroll-link").each(function(i, obj) {
 +
    $(obj).click(function() {
 +
      scrollToAnchor(obj.id);
 +
    });
 
   });
 
   });
 
   if ($('#inner-page-links').children().length < 1) {
 
   if ($('#inner-page-links').children().length < 1) {
Line 35: Line 40:
 
     $('html,body').animate({scrollTop: aTag.offset().top},'slow');
 
     $('html,body').animate({scrollTop: aTag.offset().top},'slow');
 
}
 
}
 
$(".scroll-link").each(function(i, obj) {
 
  $(obj).click(function() {
 
    scrollToAnchor(obj.id);
 
  });
 
});
 

Revision as of 21:38, 21 August 2015

// scripts for header

// for capitalizing id String.prototype.capitalize = function() {

   return this.charAt(0).toUpperCase() + this.slice(1);

}

// detects scroll for top resizing and lower nav show $(window).scroll(function() {

 if ($(document).scrollTop() > 50) {
   $('.navbar-fixed-top').addClass('shrink');
   if ($('#inner-page-links').children().length > 0) {
     $('.navbar-lower').removeClass('hide-lower')
   }
 } else {
   $('.navbar-fixed-top').removeClass('shrink');
   $('.navbar-lower').addClass('hide-lower')
 }

});

// fills in lower nav with inner page links $(document).ready(function(){

 $('.accordion-heading').addClass('link');
 $('.link').each(function(i, obj) {
$("#inner-page-links").append('
  • <a href="#" id="'+obj.id+'" class="scroll-link">'+obj.id.capitalize()+'</a>
  • ');
     });
     $(".scroll-link").each(function(i, obj) {
       $(obj).click(function() {
         scrollToAnchor(obj.id);
       });
     });
     if ($('#inner-page-links').children().length < 1) {
       $('.navbar-lower').addClass('hide-lower')
     }
    

    });

    // for smooth scrolling function scrollToAnchor(aid){

       var aTag = $("a[name='"+ aid +"']");
       $('html,body').animate({scrollTop: aTag.offset().top},'slow');
    

    }