Skript läuft nicht (JS - CSS)

[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