Skip to content

Instantly share code, notes, and snippets.

@reconbot
Created March 31, 2016 22:34
Show Gist options
  • Save reconbot/9362e9c55e145f330ff6f5301ace7a4d to your computer and use it in GitHub Desktop.
Save reconbot/9362e9c55e145f330ff6f5301ace7a4d to your computer and use it in GitHub Desktop.
module.exports = function stickyNav() {
var $nav = $(".navigation");
var $selector = $(".closed");
if (!$selector.get(0)){
return;
}
var thresholdHeight = $selector.position().top - $nav.height();
var toggled = false;
var toggleNavClass = function() {
var scrollHeight = window.pageYOffset;
var pastThreshold = thresholdHeight <= scrollHeight;
if (pastThreshold === toggled) { return; }
if (pastThreshold) {
$nav.addClass("dark-nav");
toggled = true;
} else {
$nav.removeClass("dark-nav");
toggled = false;
}
};
$(window).on("scroll", toggleNavClass);
toggleNavClass();
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment