info/php-the-right-way
1
0
Fork 0
mirror of https://github.com/codeguy/php-the-right-way.git synced 2025-08-06 22:16:34 +02:00
Code Issues Projects Releases Wiki Activity

If no heading is in view, uses fallback

Browse Source
This commit is contained in:
Peter Dietrich
2012-07-19 17:41:52 +02:00
parent a33542b47c
commit d56fc820db
1 changed files with 47 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
scripts/setup.js
View File

@@ -26,33 +26,54 @@
})(jQuery);
(function ($) {
//Add current view's highlighting to the navigation
$(window).scroll(function() {
//console.log("They see me scrollin, they hatin");
//Add current view's highlighting to the navigation
/** helper for highlighting */
function highlightNav(navLinks,id)
{
navLinks.filter('[href="/#'+id+'"]').addClass("active");
}
//clear highlighting
var navLinks=$('.site-navigation a')
navLinks.removeClass("active");
$(window).scroll(function() {
//console.log("They see me scrollin, they hatin");
//calc current viewport
var viewTop = $(window).scrollTop();
var viewBottom = viewTop + $(window).height();
//clear highlighting
var navLinks = $('.site-navigation a');
navLinks.removeClass("active");
//for all h1 and h2 elements, check if they are visible
//performance tweak: stop each() after the first element is found to be behind view
$('h1, h2').each(function(i,e) {
//get element position;
var eTop = $(e).offset().top;
var eBottom = eTop + $(e).height();
if (eTop >= viewTop) {
if (eBottom <= viewBottom) {
//filter cached navLinks
navLinks.filter('[href="/#'+e.id+'"]').addClass("active");
} else {
//console.log("Start skipping test with "+e.id);
return false;
}
}
});
});
//calc current viewport
var viewTop = $(window).scrollTop();
var viewBottom = viewTop + $(window).height();
//for all h1 and h2 elements, check if they are visible
//performance tweak: stop each() after the first element is found to be behind view
var previous = "";
var foundOne = false;
var fallback = "";
$('h1, h2').each(function(i,e) {
//get element position;
var eTop = $(e).offset().top;
var eBottom = eTop + $(e).height();
var id=e.id;
if (eTop >= viewTop) {
//if we are passed the view and no heading was highlighted yet, store previous one as fallback
if (! foundOne) {
fallback=previous;
}
if (eBottom <= viewBottom) {
highlightNav(navLinks, id);
foundOne = true;
} else {
return false; //break the each(), the rest is below
}
}
previous=id;
});
//no h1/h2 is in the viewport, so highlight the last one above
if (! foundOne) {
highlightNav(navLinks, fallback);
}
});
})(jQuery);