Fixed fejlécek megvalósítása css, html, jquery?
Figyelt kérdés
Van legfelül egy header1-em alatta van egy logo, a logo alatt pedig egy header2-m. Azt szeretném megcsinálni, hogy amikor görgetem lefelé a scrollbar-t, akkor a legfelső, a header1 az mindig fixen maradjon a helyén, viszont ha eléri a header2-nek a tetejét, akkor a header2 is megy vele tovább lefele görgetéskor.2015. máj. 11. 15:11
1/1 anonim válasza:
Scroll funkció kell neked.
Pl:
jQuery:
$(document).scroll(function() {
if ($(document).scrollTop() >= GÖRGETÉS FELÜLRŐL) {
$("#header2").addClass("fix");
} else {
$("#header2").removeClass("fix");
}
});
CSS:
#header1, .fix {
position: fixed;
}
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!
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!