|
|||
mitgehendes Menü
Ich würde in meine Seite gerne ein beim scrollen mitgehendes Menü einbauen. Jedoch keines mit "position:fixed;" da ich es lieber etwas nachziehend haben möchte! --> Man scrollt und das Menü kommt einen moment später langsam nach. Leider habe ich auf die Schnelle kein Beispiel gefunden... Ich hoffe man versteht wie ich mir das vorstelle
|
Sponsored Links |
|
|||
Die Frage ist nun in wie weit kannst oder willst du programmieren.
Ich bin mir sicher es gibt irgendeine jquery-scheiß-lib die das kann. Das heißt du bindest jquery ein und die lib dann machst du: docuemnt.id( 'deinMenu' ).superLib(); oder so und es geht irgendwie oder du schreibst es selbst, weißt wie es funktioniert und kannst fehler selbst und einfacherer fixen. Solltest du den schnellen weg bevorzugen empfehle ich dir nach etwas passendem zu googlen, eventuell, "element slide scroll" oder so... Solltest du was passendes finden, wäre es sicherlich toll du postet die Lösung hier. Machst du es selbst, gebe ich dir als Tip mit du kannst die Scroll Position des Browsers (wie weit man nach unten gescrollt ist), die Postition des Elements und das Event, dass gescrollt worden ist, auslesen und die Postition des Menüs selbst setzen, auch so dass es dann nicht einfach auf 200px abstand nach oben gesetzt wird sondern so das es langsam nach unten fährt so dass es den anschein macht das es nachzieht. Für diesen Effekt solltest du aber libs verwenden wie jquery oder mootools... und eigenltich gehört das in den js channel, außer mmit css transitions kann man das irgendwie machen... dann würde es mich allerdings auch interessieren wie es geht Geändert von lolDog (22.11.2012 um 01:18 Uhr) |
Sponsored Links |
|
|||
lösung:
Code:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script> <script> $().ready(function() { var $scrollingDiv = $("#scrollingDiv"); $(window).scroll(function(){ $scrollingDiv .stop() .animate({"marginTop": ($(window).scrollTop() + 30) + "px"}, "slow" ); }); }); </script> |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Verhalten fixed Menü beim Verkleinern des Fensters | Yumyoko | CSS | 1 | 07.10.2011 17:54 |
Darstellungsproblem | flohpapa | CSS | 3 | 16.12.2009 09:55 |
Vertikale Navigation: IE6 - Whitespace-Bug? | b.erry | CSS | 6 | 12.02.2009 17:46 |
Umbruch in einem LI bei horizontalem Menü | M4rco | CSS | 12 | 13.10.2006 12:26 |
Navigation - Menü | T.S. | CSS | 6 | 18.02.2006 19:49 |