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.
38 lines
1.1 KiB
38 lines
1.1 KiB
/* ------------------------------------------------------------------------------ |
|
* |
|
* # 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); |
|
} |
|
}); |
|
});
|
|
|