Miért működik ez a script, akkor is, amikor nem kéne működnie?
const elemnt = document.querySelector("#navbar")
if (window.innerWidth < 1150){
var lastScrollTop = 0;
navbar = document.querySelector(".tesztes");
window.addEventListener("scroll", function(){
var scrollTop = window.pageYOffset || document
.documentElement.scrollTop;
if (scrollTop > lastScrollTop){
navbar.style.top="-103px"
} else {
navbar.style.top="0";
}
lastScrollTop = scrollTop;
})};
Az szeretném, hogy amikor 1150 pixelnél kis az böngésző ablaka, akkor a header ne csukódjon össze, ha görgőzök.
A gond az, hogy ezzel a kóddal bármilyen méreten, ugyanúgy összecsukódik a header.
ne az event listenert csatold fel feltételesen, hanem az event-listenerbe tedd bele azt az ifet.
Most valamikor lefut(gondolom oldalbetöltésnél) ez a kód, megnézi az inerWidth-et és ha < 1150, akkor felcsatolja. Az a probléma, hogy az innterWidth menet közben is változhat(az user resizeolja az ablakot).
Azt kell jól megértened, hogy melyik kódrészlet mikor fut le.
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!