You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
1.1 KiB
39 lines
1.1 KiB
3 years ago
|
/* ------------------------------------------------------------------------------
|
||
|
|
*
|
||
|
|
* # Page layout with hideable navbar and fixed sidebar
|
||
|
|
*
|
||
|
|
* Specific JS code additions for layout_navbar_hideable_sidebar.html page
|
||
|
|
*
|
||
|
|
* Version: 1.0
|
||
|
|
* Latest update: Aug 1, 2015
|
||
|
|
*
|
||
|
|
* ---------------------------------------------------------------------------- */
|
||
|
|
|
||
|
|
$(function() {
|
||
|
|
|
||
|
|
// Hide navbar with Headroom.js library and jQuery animation
|
||
|
|
$(".navbar-fixed-top").headroom({
|
||
|
|
classes: {
|
||
|
|
pinned: "headroom-top-pinned",
|
||
|
|
unpinned: "headroom-top-unpinned"
|
||
|
|
},
|
||
|
|
offset: $('.navbar').outerHeight(),
|
||
|
|
|
||
|
|
// callback when pinned, `this` is headroom object
|
||
|
|
onPin: function() {
|
||
|
|
$('.sidebar-fixed .sidebar-content').animate({
|
||
|
|
top: $('.navbar').outerHeight()
|
||
|
|
}, 200);
|
||
|
|
},
|
||
|
|
|
||
|
|
// callback when unpinned, `this` is headroom object
|
||
|
|
onUnpin: function() {
|
||
|
|
$('.navbar .dropdown-menu').parent().removeClass('open');
|
||
|
|
|
||
|
|
$('.sidebar-fixed .sidebar-content, .sidebar-fixed').animate({
|
||
|
|
top: 0
|
||
|
|
}, 200);
|
||
|
|
}
|
||
|
|
});
|
||
|
|
});
|