21.12.2024 15:32
>
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}" >