Kezdőoldal » Számítástechnika » Programozás » Miért működik ez a script,...

Miért működik ez a script, akkor is, amikor nem kéne működnie?

Figyelt kérdés

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.



2022. okt. 3. 02:40
 1/1 anonim ***** válasza:
79%

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.

2022. okt. 3. 11:19
Hasznos számodra ez a válasz?

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

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!