Kezdőoldal » Számítástechnika » Weblapkészítés » Fixed fejlécek megvalósítása...

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;

}

2015. máj. 11. 21:22
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!