Box mit "Scroll-Buttons"

DirkHo

Erfahrenes Mitglied
Hallo zusammen,

ich würde gerne, bevorzugt mit extJS falls das geht, ansonsten auch mit anderen Mitteln, eine Div-Box haben, die wie folgt aufgebaut ist (siehe Anhang).

Wenn man nun mit der Maus über den Pfeil nach oben fährt soll nach oben gescrollt werden (vorausgesetzt man ist nicht schon ganz oben), wenn man über den nach unten fährt nach unten (außer man ist schon ganz unten). Ist das obere oder untere Ende erreicht oder es gibt nichts zu scrollen, dann soll jeweils der entsprechende Pfeil ausgegraut sein.

Ich habe sowas auf kicker.de schon mal gesehen, allerdings ist der Queltext dort sooo riesig, dass ich das nicht herausfiltern konnte, zumal es ja auch Urheberrechts-Probleme geben könnte.

Wäre super, wenn da jemand eine Lösung hätte oder Stichworte, unter denen man danach googlen kann. Ich finde immer nur Lösungen zu autoscroll, wenn ein Div überfüllt ist.

Vielen Dank und viele Grüße,

Dirk
 

Anhänge

  • example_box.png
    example_box.png
    21,8 KB · Aufrufe: 8
Hey!

Ich hab mir das grade durchgelesen und dachte mir: "hey, sowas könnt ich auch mal machen".

Nunja, hab mich mal eben damit beschäftigt und kann dir natürlich den code hier rein geben.
Ich hab mal die Bilder für die Buttons auch dazugegeben. Also alles in einem zip.

Habs getestet auf Chrome und Firefox ;)

greez
THEJS
 

Anhänge

Hallo ihr beiden,

vielen Dank für eure schnellen Antworten!

@Thejs: Überragend! Funktioniert perfekt.

Vielen Dank und viele Grüße,

Dirk
 

Neue Beiträge

Zurück