mirror of
https://github.com/TeamNewPipe/website
synced 2025-10-06 08:23:35 +02:00
45 lines
1.2 KiB
JavaScript
45 lines
1.2 KiB
JavaScript
var headerHeight;
|
|
|
|
function parallax_reset() {
|
|
headerHeight = $('.header-wrapper').outerHeight(true);
|
|
/* check whether the height can encrease as navbar can be (un-)collapsed */
|
|
if ($(window).width() > 767){
|
|
$('.header-background').css('height', (headerHeight + 20) + 'px');
|
|
}
|
|
else {
|
|
if (headerHeight < $(window).height()) $('.header-background').css('height', '100vh');
|
|
}
|
|
}
|
|
|
|
function parallax() {
|
|
var scrolled = $(window).scrollTop();
|
|
$('.header-background').css('height', (headerHeight + 20 - scrolled) + 'px');
|
|
}
|
|
|
|
$(window).scroll(function(e) {
|
|
if ($(window).width() > 767){
|
|
parallax();
|
|
}
|
|
});
|
|
|
|
$(window).resize(function(e) {
|
|
/* timeout because gallery_resize needs some time to execute - only necessary until parallax is pure CSS without JS */
|
|
window.setTimeout(function(){
|
|
parallax_reset();
|
|
parallax();
|
|
},100);
|
|
});
|
|
|
|
parallax_reset();
|
|
if ($(window).width() > 767) parallax();
|
|
|
|
$(document).on('bodyClassChanged', function() {
|
|
parallax_reset();
|
|
})
|
|
|
|
$(document).ready(function () {
|
|
$('#navbar-wrapper button[data-toggle="collapse"][data-target="#navbar"]').on('click', function () {
|
|
parallax_reset()
|
|
});
|
|
})
|