É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 ;)
Hozzászólások
-