Ayuda con mi plantilla Blogger

  • Autor Autor VortexMind
  • Fecha de inicio Fecha de inicio
VortexMind

VortexMind

Gamma
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
Hola, tengo recien instalada una plantilla en blogger pero quiero agregarle el mismo efecto que tiene el foro al bajar por la página, que cambia un poco el diseño del menú y se mantiene fijo en la parte superior, si alguno me puede colaborar, le agradecería mucho.
 
usa window.scrollY con header.classList.add y header.classList.remove
y se lo aplicas por ejemplo a tu div #header y con eso agrega/quita el css que tienes por ejemplo en la class "sticky"

JavaScript:
const header = document.getElementById("header");
window.onscroll = function () {
    if (window.scrollY > header.offsetTop) {
        header.classList.add("sticky");
    } else {
        header.classList.remove("sticky");
    }
};

Ejemplo aquí...
 
Última edición:
usa window.scrollY con header.classList.add y header.classList.remove
y se lo aplicas por ejemplo a tu div #header y con eso agrega/quita el css que tienes por ejemplo en la class "sticky"

JavaScript:
const header = document.getElementById("header");
window.onscroll = function () {
    if (window.scrollY > header.offsetTop) {
        header.classList.add("sticky");
    } else {
        header.classList.remove("sticky");
    }
};

Ejemplo aquí...
Te escribí al interno para compartir la plantilla y ver la posibilidad de aplicar dicha solución.
 

Temas similares

Atrás
Arriba