JS - DIV einblenden wenn gesrollt

Hallo,

ich habe nochmal ein Problem, diesmal geht es um [removed]
Ich habe auf einer Website rechts unten so ein kleines Div, mit dem man nach oben scrollen kann (mit "#" link). Nun möchte ich dieses DIV ausblenden wenn man es nicht braucht, also wenn man ganz oben auf der Seite ist. Das unsichtbarmachen würde ich hinbekommen denke ich, aber zu überprüfen wie weit gescrollt, bzw. ob gescrollt ist kann ich nicht.

Gruß und Danke im Vorraus
- Deezigns

Was meinst du genau?

Naja ich möchte dass dieses DIV nur eingeblendet wird wenn es gebraucht wird, sprich wenn man nicht ganz oben auf der Seite ist, also schon ein wenig nach unten gescrollt hat.
Dazu Wollte ich JS verwenden weiß aber nicht wie das geht.

Das dürfte dir helfen:
http://www.howtocreate.co.uk/tutorials/jav...indow
Unter dem Punkt „Finding how far the window has been scrolled” findest du die Lösung für dein Problem

grüssse
g.

schonmal danke.

Wie kann ich jetzt ständig überprüfen ob gescrollt ist oder nicht um dann das DIV mit document.getelementbyid(id).style.visibility = 'hidden'; zu verstecken?

Also erstmal is die Stylevariable (visibility) falsch.
Hier ein Beispiel zum Anzeigen:

// verstecken
document.getelementbyid(id).style.display = "none";
// anzeigen
document.getelementbyid(id).style.display = "block";
 

Die abfrage zum scrollen könntest du zum Bleistift per JS-Timeout machen.
(Obwohl mir immer noch nich ganz klar is was du genau verstecken willst) ^^'
Naja is schon spät und ich hab php-code seit heut früh um 9 vor mir

es ist ein DIV, in diesen DIV steht ein link mit dem man wieder ganz nach oben kommt.

Und warum nicht Visibility?

Weil visibility da nicht greift. ist mir zumindest nicht bekannt. Ich arbeite nach CSS Level 3 validierten W3C-Standard.

Klar greift visibility. Nur macht visibility das div nur unsichtbar, es ist aber noch vorhanden und kann evtl. Klicks abfangen. display:none wirkt so, als wäre das div gar nicht vorhanden.

[url]http://files.php-design.net/scroll.html[/url]

Das geht....