1. Főoldal
  2. Cikkek
  3. Dev
  4. Menü rögzítése legfelül, ha kezdetben nem fent van...

Menü rögzítése legfelül, ha kezdetben nem fent van...

Dev

Én nagyon sok helyen kerestem ez után, és szerencsére találtam is egy jó kódot!

Nagyon nagyon egyszerű!

Először is: 
Illesszük be ezt a kódot a CSS-be:

#subMenu {
height:50px;
width:inherit;
background:#6c8cd5;
display:none;
position:fixed;
top:0;
left:0;
z-index:500;
opacity:.9;
padding:15px;
font-size:2.5em;
}



Nos... Ahhoz, hogy ez működjön, létre kell legyen hozva már a CSS-ben a menü osztálya, mely bármilyen nevet viselhet! Amennyiben még nem készítettük el, készítsük el!
Egy nagyon jó menü: http://codepen.io/KovJonas/pen/yDKsa
Most meg ezt a kódot, ahová a menü DIV-je alá illesztjük:

 



A rész elé meg a következő kódot illesszük be:





És kész is! Egy tökéletesen működő menü, mely ha lefele gördítünk, akkor fixálva marad, de legfelülre! Sőt! Még átlátszóság is van integrálva! De aki nem szeretne átlátszóságot, törölje a opacity:.9; kódot a CSS-ből!
Nekem azért tetszik, mert Fade-In effektusa is van...

Remélem tetszik ez a kis nagyon hasznos szkript :D Sok sikert ;)

bigblog profilképe
Sallai József @bigblog +189 Egy srác akit nagyon érdekel a technológia, a fejlesztés és az alkotás.
0 hozzászólás
Hozzászóláshoz jelentkezz be vagy Regisztrálj!