|
|||
wie funktioniert dieses menü?
Hallo,
ich habe diese Seite gefunden: Brushed | Responsive One Page Template da gibt es ein sehr interessantes Menü das erst mit der seite mit nach oben scrollt und dann dort stehen bleibt. Es ist schwer zu erklären seht es euch einfach mal an. Ich würde jedenfals wissen wie es funktioniert. Hisfantor |
Sponsored Links |
|
|||
Also erstmal liest du dir dashier durch.
Und dann versuch folgendes zu verstehen: Du hast drei bereiche, ein menue,(oben) ein footer (unten) und den content (inder mitte). So. Im content sind dann verschiedene duvs mit "contents" sprich startseite, impressum, forum, in jeweils einem div. Jedes dieser duvs hat eine margin-top: -3000px; und die klasse "lala" Wenn du nun auf einen menue punkt klickst bekommt das entsprechende div (mit js natuerlich) die klasse "lala visible", welche in css dann margin-top: 0; hat, und alle anderen divs die klasse "lala" (damit wird die aktuell sichtbarr auch wieder nach oben geschmissen.) Ausserdem hat die klasse "lala" die trnasition eingenschaften. (Transition: all, 2s; mit jedem praefix.) Das ganze ist schwer zu erklaeren, und ich bin am handy... aber im kleinformat habe ich das jemandem schonmal erklaert, das war allerdings ein photo slideshow. Vielleicht kannst du auch etwas damit anfangen, wenn ich die jsfiddle finde... wsrte bitte.. |
|
||||
@mymaksimus der Slider war nicht gefragt. Das Menü war der Punkt.
Folgendes: das Menü ist ein stinknormales Element. Wenn gescrollt wird und man mit dem Menü den oberen Rand erreicht wird diesem eine Klasse zugewiesen, die dann über CSS mit einer fixierten Positionsangabe festgesetzt wird. Benutzt wird dafür Waypoints (jQuery Waypoints)
__________________
Hier ein immer gültiges Statement: Überarbeite deine Code, lerne die Grundlagen, widersprich mir nicht, wehre dich nicht, ich habe Recht, wir sind Lolgion, wir sind viele.. potato... All meine Angaben sind ohne Gewähr, es könnte also trotz meiner Unfehlbarkeit dazu kommen dass ich falsch liege www.richard-thiel.de | Müssen Websiten überall gleich ausschauen? |
|
||||
__________________
Empfehlenswerte Links: jsFiddle | JavaScript Patterns | RedBeanPHP | Mozilla Developer Network -/- W3C Validator | JSLint |
Sponsored Links |
Stichwörter |
css, javascript, seitenanalyse |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
html-css Menü funktioniert nicht in IE7 und IE6 | acdc | CSS | 1 | 30.01.2011 17:50 |
CSS Menü auf Internet Explorer abstimmen | raphi156 | CSS | 33 | 22.12.2010 10:10 |
bewegliche Fussleiste wenn Menü afgeklappt wird | pauer | CSS | 11 | 02.06.2009 14:36 |
Umbruch in einem LI bei horizontalem Menü | M4rco | CSS | 12 | 13.10.2006 11:26 |