Hallo Experten,
ich suche nach einer Möglichkeit, eine CSS basierte Menüleiste, die beim scrollen bis zum oberen Rand der Seite mitscrollt und dort dann stehen bleibt, während der Text noch weiter scrollt. Und beim zurücksrcollen eben wieder zurückfährt.
Ich habe es mir so vorgestellt:
ganz oben ein Bild 140px höhe
darunter die Navigation 30px höhe
und wiederum darunter der Inhalt.
Wenn jemand von euch eine Lösung weiß, wäre ich sehr glücklich diese zu erfahren. Danke schonmal im Vorraus.
Ich denke ich habe verstanden was du vor hast.
Wahrscheinlich meinst du es so wie es im Apple Online Store (http://store.apple.com/de) gemacht wurde wenn man ein Produkt konfiguriert (z.B. ein MacBook). Dort erscheint an der rechten Seite eine Box mit Infos zur aktuellen Konfiguration. Wenn man scrollt bleibt die Box trotzdem innerhalb des sichtbaren Bereichs.
Dieses Verhalten zu erzeugen ist nicht so schwer.
Ich weiß nicht wie gut deine Javascript Kenntnisse sind, aber auf der Webseite http://vowsjs.org/ wurde genau diese Technik verwendet um die Navigation (Roter Balken) zu erstellen. Prinzipell kannst du dir einfach mal den Code ansehen und die Technik auf deiner Seite verwenden.
Ansonsten gibt es auch ein jQuery Plugin namens Smart Sticky Floating Box für diesen Zweck. Infos findest du hier: http://plugins.jquery.com/project/stickyfloat. Außerdem gibts in diesem Blog (http://www.freizeitler.de/2010/08/kurz-notiert-die-s…) ein paar Infos auf Deutsch.
Wenn dir das nicht hilft, du noch etwas praktischere Hilfe brauchst oder du es gar nicht so meintest, kannst du dich gerne nochmal melden.
Ja genau so wie auf der 1. Seite habe ich mir das vorgestellt. Ich muss schon sagen, dass dieses Forum der Hammer ist. Ich bin kaum 1 nen Tag angemeldet und schon hab ich die ANtwort. Ich glaube so ein Forum muss man unterstützen. Deshalb werde ich hier öfters online sein um auch etwas beitragen zu können.
Vielen vielen Dank.
Ich werde mal versuchen ob ich es hinbekomme, falls nicht, melde ich mich nochmal aber das ist eine geniale Seite.
Was ich gerade sehe, die seite http://vowsjs.org geht nicht mit dem ie. Das ist nicht so gut. ich versuche aber gerade das script von apple zu kapieren, dies geht auch mit dem ie
Was ich gerade sehe, die seite http://vowsjs.org geht nicht
mit dem ie. Das ist nicht so gut. ich versuche aber gerade das
script von apple zu kapieren, dies geht auch mit dem ie
Das mit dem IE ist natürlich ärgerlich. Aber so ist es nun mal mit dem IE. Ich gehe davon aus das das jQuery Plugin IE fähig ist. Kann es aber gerade nicht testen (nur Mac/Linux am Start).
Ansonsten könnte man versuchen das Script von http://vowsjs.org IE fähig zu machen. Das wär vielleicht nicht schlecht, da es schön klein ist.
Ansonsten würde ich jedem raten Grundsätzlich zumindest den IE 6 nicht mehr zu supporten. Die Leute müssen verstehen, dass sie updaten müssen. (http://mashable.com/2009/08/07/ie6-must-die-2/)
vielen Dank für deine Hilfe, ich habe es jetzt hinbekommen. Du warst mir ne große Hilfe. ich habe es mit dem http://plugins.jquery.com/project/stickyfloat gemacht.
vielen Dank für deine Hilfe, ich habe es jetzt hinbekommen. Du
warst mir ne große Hilfe. ich habe es mit dem
http://plugins.jquery.com/project/stickyfloat gemacht.
Kein Problem. Immer wieder gerne.
Viel Glück/Spaß noch mit deinem Projekt.
ja Danke
Vllt hört man mal wieder von einander:smile:.
Noch einen schönen Abend
Hallo Neuling555,
kann dir nicht direkt sagen, wie das geht, aber dass ich solche mitscrollenden Sachen nicht mag. Besser finde ich Frames oder einfach kurze Seiten, die alles zeigen, was man braucht oder bei langen Seiten wiederkehrende Links für „zurück nach oben“. Für mehr Infos guck mal hier: http://de.selfhtml.org/