mediengestalter.info
FAQ :: Mitgliederliste :: MGi Team

Willkommen auf dem Portal für Mediengestalter

Aktuelles Datum und Uhrzeit: Fr 10.02.2012 10:16 Benutzername: Passwort: Auto-Login

Thema: mitziehende navigation (beispiel gefunden) vom 25.05.2007

Neues Thema eröffnen   Neue Antwort erstellen MGi Foren-Übersicht -> Allgemeines - Nonprint -> mitziehende navigation (beispiel gefunden)
Seite: Zurück  1, 2
Autor Nachricht
hyko

Dabei seit: 29.04.2002
Ort: münchen/fürth/krefeld
Alter: 33
Geschlecht: Männlich
Verfasst Fr 25.05.2007 23:12
Titel

Antworten mit Zitat Zum Seitenanfang

sahnemuh hat geschrieben:
nein. eine navi, die an ihrem platz bleibt beim scrollen Lächel

http://jendryschik.de/wsdev/css/fixed/


er schreibt doch:

O2noob hat geschrieben:
ja das hab ich auch entdeckt,
aber mir gehts um das "softe"
hoch und runter mitscrollen,
was auf der seite jetzt nicht der
fall ist.


so wenn er nun also ie navi fest tackert und dan smooth scroll effekt bei mir entdeckt - dann hat er doch das was er will... * Keine Ahnung... *
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
schachbrett

Dabei seit: 11.10.2006
Ort: Köln
Alter: -
Geschlecht: Männlich
Verfasst Fr 25.05.2007 23:15
Titel

Antworten mit Zitat Zum Seitenanfang

Das Prinzip ist eigentlich flott umgesetzt... pageYOffset gibts im IE aber nicht, da musst du noch mal ran Lächel
Code:
<style>
#m { position: absolute; top: 100px; }
</style>

...

<script>
scroll = function() {
   
   if( !this.y ) this.y = 0;
   this.y += Math.round( ( window.pageYOffset - this.y ) / 15 );
   document.getElementById("m").style.top = ( this.y + 100 ) + "px";
}

window.onload = function() { window.setInterval( "scroll()", 20 ); }
</script>

...

<div id="m">Menu</div>
  View user's profile Private Nachricht senden
rob

Dabei seit: 11.12.2003
Ort: ~/
Alter: 34
Geschlecht: Männlich
Verfasst Sa 26.05.2007 01:48
Titel

Antworten mit Zitat Zum Seitenanfang

Und wenn schon Beispielseiten gefunden wurden, auf denen es solche Navigationen gibt, kann man da auch einfach in den Quellcode schauen, wie das dort realisiert wurde.

EDIT:

Und was mir noch zu dem Code von schachbrett auffällt:
Das Element style sowie das Element script erfordern zwingend das Attribut type, wenn man validen Code schreiben möchte.
Also:
Code:
<style type="text/css">

und
Code:
<script type="text/javascript">


Zuletzt bearbeitet von rob am Sa 26.05.2007 01:51, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden
O2noob
Threadersteller

Dabei seit: 05.11.2005
Ort: frankfurt
Alter: 21
Geschlecht: Männlich
Verfasst Sa 26.05.2007 13:03
Titel

Antworten mit Zitat Zum Seitenanfang

ich hab schon selbst in der css
geguckt und auch die reine position gefunden.
habe das gesucht was schachbrett gepostet hat,
danke Lächel


Zuletzt bearbeitet von O2noob am Sa 26.05.2007 13:04, insgesamt 1-mal bearbeitet
  View user's profile Private Nachricht senden Website dieses Benutzers besuchen
 
Ähnliche Themen Flash Navigationsleiste wie Beispiel
[suche] 0815 Beispiel für preloader
Hintergrund frage an beispiel seite!
Aufblitzen eines Sterns mit Blendenflecken (mit Beispiel)
PHP - Beispiel für Einsatz von Klassen
Beispiel gesucht für Website mit horizontalem Scrollen
Neues Thema eröffnen   Neue Antwort erstellen Seite: Zurück  1, 2
MGi Foren-Übersicht -> Allgemeines - Nonprint


Du kannst keine Beiträge in dieses Forum schreiben.
Du kannst auf Beiträge in diesem Forum nicht antworten.
Du kannst an Umfragen in diesem Forum nicht mitmachen.