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.
 
¿Te sirvió? Únete a la conversación

Con tu cuenta gratis puedes responder, escribirle al autor por mensaje privado y comprar con Saldo retenido: el pago se libera cuando recibes lo acordado.

Toma 30 segundos · vuelves a este tema al terminar
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.
 
Atrás
Arriba