É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

Blogok

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

Dev
0 0

É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}}