58 lines
2.4 KiB
JavaScript
58 lines
2.4 KiB
JavaScript
// https://jsfiddle.net/upqwhou2/
|
|
|
|
$(document).ready(function() {
|
|
var navigationLinks = $('#sidebar-wrapper > ul li a');
|
|
var navigationSections = $('#sidebar-wrapper > ul > ul');
|
|
var sectionIdTonavigationLink = {};
|
|
var sections = $('#page-content-wrapper').find('h1, h2').map(function(index, node) {
|
|
if (node.id) {
|
|
sectionIdTonavigationLink[node.id] = $('#sidebar-wrapper > ul li a[href="#' + node.id + '"]');
|
|
return node;
|
|
}
|
|
});
|
|
var sectionIdToNavContainerLink = {};
|
|
var topLevelSections = $('#page-content-wrapper').find('h1').map(function(index, node) {
|
|
if (node.id) {
|
|
sectionIdToNavContainerLink[node.id] = $('#sidebar-wrapper > ul > ul[id="' + node.id + '-nav' +'"]');
|
|
return node;
|
|
}
|
|
});
|
|
|
|
var firstLevelNavs = $('#sidebar-wrapper > li');
|
|
var secondLevelNavs = $('#sidebar-wrapper > ul > ul');
|
|
var secondLevelNavContents = $('#sidebar-wrapper > ul > ul > li');
|
|
var thirdLevelNavs = null; // TODO: When compile provides 3 level nav, implement
|
|
|
|
var sectionsReversed = $(sections.get().reverse());
|
|
|
|
function checkScroll(event) {
|
|
var scrollPosition = $(window).scrollTop();
|
|
var offset = 50;
|
|
scrollPosition += offset;
|
|
sections.each(function() {
|
|
var currentSection = $(this);
|
|
var sectionTop = $(this).offset().top;
|
|
var id = $(this).attr('id');
|
|
if (scrollPosition >= sectionTop) {
|
|
navigationLinks.removeClass('selected');
|
|
sectionIdTonavigationLink[id].addClass('selected');
|
|
var sectionNavContainer = sectionIdToNavContainerLink[id];
|
|
var sectionNavContainerDisplay;
|
|
if (sectionNavContainer) {
|
|
sectionNavContainerDisplay = sectionNavContainer.css('display');
|
|
}
|
|
if (sectionNavContainer && sectionNavContainerDisplay === 'none') {
|
|
navigationSections.toggle(false);
|
|
sectionNavContainer.toggle(true);
|
|
}
|
|
}
|
|
if (($(this).offset().top < window.pageYOffset + 50) && $(this).offset().top + $(this).height() > window.pageYOffset) {
|
|
window.location.hash = id;
|
|
}
|
|
});
|
|
}
|
|
checkScroll();
|
|
$(window).on('scroll', function(event) {
|
|
checkScroll(event);
|
|
});
|
|
}); |