10; const delta = currentScrollY - lastScrollY; if (delta > 0) { scrollingUp = false; } else if (delta < 0) { scrollingUp = true; } // Smoothly fade in blur overlay within first 150px of scroll. $el.style.setProperty('--header-blur-opacity', Math.min(Math.max(currentScrollY / 150, 0), 1)); // Never hide while overlays are open if (mobileMenuOpen || langDropdownOpen) { headerHidden = false; } else if (currentScrollY < 8) { headerHidden = false; scrollingUp = false; } else if (currentScrollY >= 150 && delta > scrollThreshold) { // After 150px: scroll down -> hide headerHidden = true; } else if (delta < -scrollThreshold) { // Scroll up -> show headerHidden = false; } // Compact progress (0..1) while scrolling up: at 150px => compact(1), at top => normal(0) const compactProgress = (!headerHidden && scrollingUp) ? Math.min(Math.max(currentScrollY / 150, 0), 1) : 0; $el.style.setProperty('--compact-progress', compactProgress); // Smooth logo resize via vars (prevents snapping at threshold) const logoHeightRem = 3 - (0.4 * compactProgress); // 3rem -> 2.6rem const logoScale = 1 - (0.05 * compactProgress); // 1 -> 0.95 $el.style.setProperty('--logo-height', logoHeightRem.toFixed(4) + 'rem'); $el.style.setProperty('--logo-scale', logoScale.toFixed(4)); // Sync spacer to header row height (5rem -> 3.75rem) const spacerRem = 5 - (1.25 * compactProgress); document.documentElement.style.setProperty('--modern-header-spacer', spacerRem.toFixed(4) + 'rem'); // Keep a boolean class for other compact-only styling isCompact = compactProgress > 0.02; lastScrollY = currentScrollY; " :class="{ 'scrolled': scrolled, 'is-compact': isCompact, 'header-hidden': headerHidden }">
Teenused
Veebilehtede loomine
Korporatiivne veebisait
E-poe tegemine
Кataloog
SEO teenused
Google Ads reklaam
Portfoolio
Meist
Blogi
Kontakt
{ langDropdownOpen = false; }, 120); " @click="langDropdownOpen = !langDropdownOpen" @click.away="langDropdownOpen = false" >
ET
ET
Eesti
EN
English
RU
Русский
Võta ühendust
→
ET
EN
RU
Teenused
Veebilehtede loomine
Korporatiivne veebisait
E-poe tegemine
Кataloog
SEO teenused
Google Ads reklaam
Portfoolio
Meist
Blogi
Kontakt
Võta ühendust
→
Küpsiste poliitika
[cmplz-document type=”cookie-statement” region=”eu”]
Arutame projekti
Saage detailne ja arusaadav kaubandusettepanek
[contact-form-7 id="f91f22c" title="Обсудить проект - Контекстная реклама ЕТ" html_class="contact-form contact-form--modal" html_id="contact-modal-form"]
Uuri hinda
Saage detailne ja arusaadav kaubandusettepanek
[contact-form-7 id="d141e6c" title="Узнать стоимость - Контекстная реклама ET" html_class="contact-form contact-form--modal" html_id="contact-modal-cost"]