minScrollDiff) {
if(scrollDiff > 0) {
// Nach unten gescrollt? Header über bedingte Tailwind-Klassen schrumpfen!
shrunkenHeader = true;
} else {
// Nach oben gescrollt? Header über bedingte Tailwind-Klassen expandieren!
shrunkenHeader = false;
}
if(oldShrunkenHeader != shrunkenHeader) {
console.log('Richtungswechsel');
}
//headerHeight = Math.round(document.getElementsByTagName('header')[0].clientHeight);
//headerDiff = headerHeight - oldHeaderHeight;
if(debug) {
console.log(
scrollDiff > 0 ? 'Down' : 'Up ',
'- SCROLL Differenz: ' + scrollDiff.toString().padStart(4),
'- HEADER davor: ' +
(oldShrunkenHeader
? 'small'
: 'big '
),
'- HEADER danach: ' +
(shrunkenHeader
? 'small'
: 'big '
),
//'- HEIGHT Differenz: ' + headerDiff.toString().padStart(4),
//'- HEIGHT davor: ' + oldHeaderHeight.toString().padStart(4),
//'- HEIGHT danach: ' + headerHeight.toString().padStart(4),
'- oldYOffset: ' + oldYOffset.toString().padStart(4),
'- yOffset: ' + yOffset.toString().padStart(4),
);
}
// Aktuelle Werte von ScrollOffset, Headerhöhe und Headerstatus merken.
oldYOffset = yOffset;
//oldHeaderHeight = headerHeight;
oldShrunkenHeader = shrunkenHeader;
}
"
@keydown.escape="isMobileNavOpen = false"
:class="{ 'overflow-hidden': $screen('lg') ? false : isMobileNavOpen}"
>