Difference between revisions of "Template:Waterloo/JS/header.js"
m |
(Removing capitalization function, adding sections) |
||
| Line 1: | Line 1: | ||
// scripts for header | // scripts for header | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
// detects scroll for top resizing and lower nav show | // detects scroll for top resizing and lower nav show | ||
| Line 21: | Line 16: | ||
// fills in lower nav with inner page links | // fills in lower nav with inner page links | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
| − | + | $('.accordion-heading').addClass('link'); | |
| − | + | $('section').addClass('link'); | |
| − | + | $('.link').each(function(i, obj) { | |
| − | + | $("#inner-page-links").append('<li><a href="#" class="scroll-link">'+obj.title+'</a></li>'); | |
| − | + | ||
| − | + | ||
| − | + | ||
}); | }); | ||
| − | + | $(".scroll-link").each(function(i, obj) { | |
| − | + | $(obj).click(function() { | |
| − | + | scrollToAnchor(obj.text.toLowerCase()); | |
| − | + | }); | |
| + | }); | ||
| + | if ($('#inner-page-links').children().length < 1) { | ||
| + | $('.navbar-lower').addClass('hide-lower'); | ||
| + | } | ||
}); | }); | ||
Revision as of 22:45, 26 August 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) {
$('.navbar-lower').removeClass('hide-lower');
}
} else {
$('.main-nav').removeClass('shrink');
$('.navbar-lower').addClass('hide-lower');
}
});
// 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(' });
$(".scroll-link").each(function(i, obj) {
$(obj).click(function() {
scrollToAnchor(obj.text.toLowerCase());
});
});
if ($('#inner-page-links').children().length < 1) {
$('.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');
}
}