Ajuda com meu template Blogger

  • Autor Autor VortexMind
  • Data de início Data de início
Tradução em andamento: em alguns minutos este tópico estará em português. Por enquanto, o conteúdo está no original em espanhol. Ver original
VortexMind

VortexMind

Gamma
Usuário com poucas negociações! Use sempre o saldo do 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.
 
Foi útil? Participe da conversa

Com sua conta grátis você pode responder, mandar mensagem privada ao autor e comprar com Saldo retido: o pagamento é liberado quando você recebe o combinado.

Leva 30 segundos · você volta a este tópico ao 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 edição:
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.
 
Voltar
Topo