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

Line 5: Line 5:
 
   if ($(document).scrollTop() > 50) {
 
   if ($(document).scrollTop() > 50) {
 
     $('.main-nav').addClass('shrink');
 
     $('.main-nav').addClass('shrink');
     if ($('#inner-page-links').children().length > 0 && screen.width > 768) {
+
     if ($('#inner-page-links').children().length > 0 && window.innerWidth > 768) {
 
       console.log(screen.width)
 
       console.log(screen.width)
 
       $('.navbar-lower').removeClass('hide-lower');
 
       $('.navbar-lower').removeClass('hide-lower');
Line 30: Line 30:
 
         });
 
         });
 
     });
 
     });
     if ($('#inner-page-links').children().length < 1 || screen.width <= 768) {
+
     if ($('#inner-page-links').children().length < 1 || window.innerWidth <= 768) {
 
         $('.navbar-lower').addClass('hide-lower');
 
         $('.navbar-lower').addClass('hide-lower');
 
     }
 
     }

Revision as of 03:27, 16 September 2015

// scripts for header

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

 if ($(document).scrollTop() > 50) {
   $('.main-nav').addClass('shrink');
   if ($('#inner-page-links').children().length > 0 && window.innerWidth > 768) {
     console.log(screen.width)
     $('.navbar-lower').removeClass('hide-lower');
   }
 } else {
   $('.main-nav').removeClass('shrink');
   $('.navbar-lower').addClass('hide-lower');
 }

});

var scrollLinks = {};

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

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

    });

    // for smooth scrolling function scrollToAnchor(aid){

       var aTag = $('#'+aid);
       if(aTag.length){
         $('html, body').animate({scrollTop:$(aTag).position().top}, 'slow');
       }
    

    }