v1
This commit is contained in:
@@ -0,0 +1,53 @@
|
||||
//
|
||||
// Sticky Navbar
|
||||
//
|
||||
|
||||
var NavbarSticky = (function() {
|
||||
|
||||
// Variables
|
||||
|
||||
var $nav = $('.navbar-sticky'),
|
||||
navOffsetTop = 0,
|
||||
scrolling = false;
|
||||
|
||||
|
||||
// Methods
|
||||
|
||||
function init($this) {
|
||||
|
||||
// our current vertical position from the top
|
||||
var scrollTop = $(window).scrollTop(),
|
||||
navHeight = $this.outerHeight();
|
||||
|
||||
if (scrollTop > (navOffsetTop + 200)) {
|
||||
$this.addClass('sticky');
|
||||
$("body").css("padding-top", navHeight + "px");
|
||||
} else {
|
||||
$this.removeClass('sticky');
|
||||
$("body").css("padding-top", "0");
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Events
|
||||
|
||||
if ($nav.length) {
|
||||
|
||||
navOffsetTop = $nav.offset().top;
|
||||
|
||||
$(window).on({
|
||||
'scroll': function() {
|
||||
scrolling = true;
|
||||
|
||||
setInterval(function() {
|
||||
if (scrolling) {
|
||||
scrolling = false;
|
||||
|
||||
// Sticky navbar init
|
||||
init($nav);
|
||||
}
|
||||
}, 250);
|
||||
}
|
||||
})
|
||||
}
|
||||
})();
|
||||
Reference in New Issue
Block a user