Den Inhalt eines scrollbaren <div>s scrollen

[molily]

Hallo,

Ist es per JavaScript möglich den Inhalt dieses <div>s zu scrollen?

Ja, indem du die Eigenschaft scrollTop des div-Elementobjektes änderst, das overflow:scroll besitzt. Dieser kannst du Zahlen zuweisen, 0 bedeutet ganz oben und dann in Pixelschritten.

Das <div> an sich enthält Elemente die jeweils mit einer Id versehen sind. Über dem <div> soll nun ein button sein der z.B. zum Element mit der Id "xyz" innerhalb des <div>s scrollt sobald man den button betätigt.

Die relative Position dieses Buttons zu berechnen, um den richtigen scrollTop-Wert zu bekommen, ist schon schwieriger. Da gibt es wahrscheinlich verschiedene Ansätze. Der Button dürfte einen http://de.selfhtml.org/javascript/objekte/all.htm#offset_top@title=offsetTop-Wert relativ zum scrollbaren div haben, wenn dieses div position:relative hat. (Prüfe das über http://de.selfhtml.org/javascript/objekte/all.htm#offset_parent@title=offsetParent.)

Mathias