fix: плавное уменьшение шапки и переключение логотипов (2)
All checks were successful
Build ETPGRF-site / build (push) Successful in 1m27s
All checks were successful
Build ETPGRF-site / build (push) Successful in 1m27s
This commit is contained in:
@@ -55,7 +55,7 @@ body {
|
||||
padding: 0;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
backdrop-filter: blur(4px); /* Эффект размытия */
|
||||
backdrop-filter: blur(8px); /* Эффект размытия */
|
||||
box-shadow: 0 -25px 30px 15px var(--bs-border-color);
|
||||
/* transition: height 0.3s ease, background-color 0.3s ease; /* Анимация высоты */
|
||||
}
|
||||
@@ -76,7 +76,6 @@ body {
|
||||
}
|
||||
|
||||
#main-navbar > #logo > .navbar-brand {
|
||||
padding: 0; /* Убираем отступы у бренда */
|
||||
display: block; /* Блок, чтобы работали размеры */
|
||||
background: no-repeat left;
|
||||
background-size: contain;
|
||||
|
||||
@@ -14,10 +14,11 @@
|
||||
// Слушать изменения
|
||||
darkModeMediaQuery.addEventListener('change', updateTheme);
|
||||
|
||||
|
||||
// --- ЛОГОТИП И СКРОЛЛ ---
|
||||
function updateLogo() {
|
||||
if (!navbar) return;
|
||||
const navbar = document.getElementById('logo');
|
||||
if (!navbar) return;
|
||||
const scrollY = window.scrollY;
|
||||
|
||||
// Гистерезис: включаем после 60px, выключаем до 10px
|
||||
@@ -29,9 +30,12 @@
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// Инициализация логотипа при загрузке и скролле
|
||||
// document.addEventListener('DOMContentLoaded', updateLogo);
|
||||
window.addEventListener('scroll', updateLogo, { passive: true });
|
||||
|
||||
|
||||
// --- КУКИ И СЧЕТЧИКИ ---
|
||||
const COOKIE_KEY = 'cookie_consent';
|
||||
const TTL_MS = 90 * 24 * 60 * 60 * 1000; // 90 дней
|
||||
|
||||
Reference in New Issue
Block a user