56 lines
1.4 KiB
JavaScript
56 lines
1.4 KiB
JavaScript
/* ------------------------------------------------------------------------------
|
|
*
|
|
* # Page layout with hideable secondary navbar
|
|
*
|
|
* Specific JS code additions for layout_navbar_secondary_hideable.html page
|
|
*
|
|
* Version: 1.0
|
|
* Latest update: Feb 25, 2016
|
|
*
|
|
* ---------------------------------------------------------------------------- */
|
|
|
|
$(function() {
|
|
|
|
|
|
// Init headroom
|
|
// ------------------------------
|
|
|
|
// Hide navbar with Headroom.js library
|
|
$("#navbar-second").headroom({
|
|
classes: {
|
|
pinned: "headroom-top-pinned",
|
|
unpinned: "headroom-top-unpinned"
|
|
},
|
|
offset: $('.page-container').offset().top - $('#navbar-second').offset().top,
|
|
|
|
// callback when unpinned, `this` is headroom object
|
|
onUnpin: function() {
|
|
$('.navbar .dropdown-menu').parent().removeClass('open');
|
|
}
|
|
});
|
|
|
|
|
|
// Affix sidebar
|
|
// ------------------------------
|
|
|
|
// When affixed
|
|
$('#navbar-second').on('affixed.bs.affix', function() {
|
|
$(this).next().css('margin-top', $(this).outerHeight());
|
|
$('body').addClass('navbar-affixed-top');
|
|
});
|
|
|
|
// When on top
|
|
$('#navbar-second').on('affixed-top.bs.affix', function() {
|
|
$(this).next().css('margin-top', '');
|
|
$('body').removeClass('navbar-affixed-top');
|
|
});
|
|
|
|
// Init
|
|
$('#navbar-second').affix({
|
|
offset: {
|
|
top: $('#navbar-second').offset().top
|
|
}
|
|
});
|
|
|
|
});
|