64 lines
1.5 KiB
JavaScript
64 lines
1.5 KiB
JavaScript
|
/*
|
||
|
|
* Hide Header on scroll down
|
||
|
|
* © 2018-2019 Cotes Chung
|
||
|
|
* MIT License
|
||
|
|
*/
|
||
|
|
$(function() {
|
||
|
|
|
||
|
|
var didScroll;
|
||
|
|
var lastScrollTop = 0;
|
||
|
|
var delta = 5;
|
||
|
|
var topbarHeight = $('#topbar').outerHeight();
|
||
|
|
|
||
|
|
$(window).scroll(function(event) {
|
||
|
|
if ($("#topbar-title").is(":hidden")) { // Not in small screens
|
||
|
|
didScroll = true;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
setInterval(function() {
|
||
|
|
if (didScroll) {
|
||
|
|
hasScrolled();
|
||
|
|
didScroll = false;
|
||
|
|
}
|
||
|
|
}, 250);
|
||
|
|
|
||
|
|
function hasScrolled() {
|
||
|
|
var st = $(this).scrollTop();
|
||
|
|
|
||
|
|
// Make sure they scroll more than delta
|
||
|
|
if (Math.abs(lastScrollTop - st) <= delta)
|
||
|
|
return;
|
||
|
|
|
||
|
|
if (st > lastScrollTop && st > topbarHeight) {
|
||
|
|
// Scroll Down
|
||
|
|
$('#topbar').removeClass('topbar-down').addClass('topbar-up');
|
||
|
|
|
||
|
|
if ( $('#toc-wrap').length > 0) {
|
||
|
|
$('#toc-wrap').removeClass('topbar-down');
|
||
|
|
}
|
||
|
|
|
||
|
|
if ( $('.panel-group').length > 0) {
|
||
|
|
$('.panel-group').removeClass('topbar-down');
|
||
|
|
}
|
||
|
|
|
||
|
|
if ($('#search-input').is(':focus')) {
|
||
|
|
$('#search-input').blur(); // remove focus
|
||
|
|
}
|
||
|
|
|
||
|
|
} else {
|
||
|
|
// Scroll Up
|
||
|
|
if (st + $(window).height() < $(document).height()) {
|
||
|
|
$('#topbar').removeClass('topbar-up').addClass('topbar-down');
|
||
|
|
if ( $('#toc-wrap').length > 0) {
|
||
|
|
$('#toc-wrap').addClass('topbar-down');
|
||
|
|
}
|
||
|
|
if ( $('.panel-group').length > 0) {
|
||
|
|
$('.panel-group').addClass('topbar-down');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
lastScrollTop = st;
|
||
|
|
}
|
||
|
|
});
|