Értesítés, hogy le ne maradj semmiről! Iratkozz fel és értesülj azonnal a legfrisebb tartalmakról! Nálunk te döntöd el, miről kérsz értesítést! Feliratkozok Többet szeretnék megtudni
Dev

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

É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 Egy srác akit nagyon érdekel a technológia, a fejlesztés és az alkotás.
Hozzászólások -
Vendég profilképe Vendég
{{comment.dateWrite}} Válasz
Válasz {{answer.dateWrite}}