Skript läuft nicht (JS - CSS)

[Fragender]

Hallo zusammen,

ich habe ein Problem mit einem jquery-Skript, dass ich verzweifelt versuche zum Laufen zu bekommen.

Als erstes die Vorlage:

http://jqueryfordesigners.com/demo/fixedfloat.html

Nun meine Seite:

http://son.bplaced.net/test/test.html

Ich habe das Skript bereits mit Alerts getestet, das funktioniert. Der Fehler muss daher meiner Ansicht nach im CSS liegen, ich komme aber einfach nicht drauf, was ich falsch mache.

Wo muss ich ansetzen? Danke für eure Hilfe.

[Matthias Apsel]

Om nah hoo pez nyeetz, Fragender!

http://jqueryfordesigners.com/demo/fixedfloat.html

< ohne Leerzeichen und wenn der Linktext gleich dem href sein soll, brauchst @title nicht dahinterschreiben.

[link:http://selfhtml.apsel-mv.de/scroll/scroll.html>

Matthias

[Fragender]

Sorry, ich habe einfach den Link-Button der Forensoftware benutzt... :-(

[Matthias Apsel]

Om nah hoo pez nyeetz, Fragender!

Sorry, ich habe einfach den Link-Button der Forensoftware benutzt... :-(

Der macht das eigentlich richtig.

Matthias

[molily]

Hallo!

Nun meine Seite:
http://son.bplaced.net/test/test.html

Ich habe das Skript bereits mit Alerts getestet, das funktioniert. Der Fehler muss daher meiner Ansicht nach im CSS liegen, ich komme aber einfach nicht drauf, was ich falsch mache.

Dein Script funktioniert in der Tat, es tut das, was es soll: Es setzt bzw. entfernt die Klasse »fixed« beim Element mit der ID »menu«.

if (y >= top) {  
  // if so, ad the fixed clas  
  $('#menu').addClass('fixed');  
} else {  
  // otherwise remove it  
  $('#menu').removeClass('fixed');  
}

(Übrigens ließe sich das kürzer und lesbarer mit toggleClass notieren.)

Dein Beispiel definiert aber keine CSS-Regeln für Elemente mit der Klasse »fixed«. Du solltest zumindest notieren:

#menu.fixed { position: fixed; }

Siehe:
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#position
http://de.selfhtml.org/css/layouts/fixbereiche.htm
http://wiki.selfhtml.org/wiki/CSS/Eigenschaften/Positionierung/position

Wahrscheinlich ist es auch sinnvoll, Werte für http://de.selfhtml.org/css/eigenschaften/positionierung.htm#postop@title=top und http://de.selfhtml.org/css/eigenschaften/positionierung.htm#left@title=left anzugeben.

Mathias