Guten morgen alle zusammen,

ich versuche gerade für meine Webseite ein kleines Script zu schreiben was mir den Head nur bei bedarf einblendet wenn man dafür über ein definiertes Feld fährt. Dazu haben ich den Header fixed positioniert und top-277px verschoben, so das er nichtmehr sichtbar ist.

Den Button ruft bei MouseHover nun eine JavaScript Funktion auf die eine jQuery .animation() ausführt.

Das selbe jetzt nochmal auch für den footer.

Soweit funktioniert das auch wie gewünscht.

Problem ist jetzt nur leider das der Header sowie der Footer teilweise bis zu vier Sekunden verzögert ausfahren. Manchmal fahren sie aber auch sofort aus nachdem der Button gehovert wurde.
Ich hab jetzt versucht das Script über queque sofort ausführen zu lassen aber das führt dazu das der Header jedesmal versucht von vorne zu Sliden da ich noch mit der Maus darüber stehe

Ich würde mich sehr über Hilfe eurerseits freuen, da ich ein absoluter JavaScript Neuling bin und selber grade nichtmehr weiterweiß

Sehen könnte ihr das ganze heruntergebrochen auf www.roberto-schmitz.de/slidedebug/

Hierschonmal den JavaScript-Code...

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

function header_slide_down(){           $("#header").animate({"top": "+0px"}, 908);     }       function header_slide_up() {         $("#header").animate({"top": "-227px"}, "slow");            }         function footer_slide_down(){         $("#footer").animate({"bottom": "-108px"}, "slow");         }       function footer_slide_up() {         $("#footer").animate({"bottom": "+0px"}, 432);     }

Vielen Dank im vorraus!
LG OP

Rufe vor animate() jeweils erst stop() auf um eventuell laufende Animationen abzubrechen.

Code :

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

function header_slide_down(){           $("#header").stop().animate({"top": "+0px"}, 908);     }       function header_slide_up() {         $("#header").stop().animate({"top": "-227px"}, "slow");         }         function footer_slide_down(){         $("#footer").stop().animate({"bottom": "-108px"}, "slow");     }       function footer_slide_up() {         $("#footer").stop().animate({"bottom": "+0px"}, 432);     }

Wow vielen dank für die schnelle Hilfe! Funktioniert perfekt! Danke******!