Ayuda con mi plantilla Blogger

  • Autor Autor BryanLopezYT
  • Fecha de inicio Fecha de inicio
BryanLopezYT

BryanLopezYT

Gamma
Verificado por Whatsapp
¡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.
 
Atrás
Arriba