Monday, July 10, 2006

Scrollbalken manipulieren in Firefox&Co


Mit den Eigenschaften scollLeft und scrollTop lassen sich JavaScript-gesteuert die Position der Scrollbalken eines absoluten Blockelements (z.B. 'div', etc.) verändern. Um die Position zu bestimmen sind weitere Eigenschaften wie scrollWidth/scrollHeight und offsetWidth/offsetHeight sehr nützlich.
  • scrollWidth/scrollHeight - Gesamtbreite/-höhe des teilweise verdeckten Elementes
  • offsetWidth/offsetHeight - sichtbare Breite/Höhe des Elementes

Beispiel

Scrollbalken ans rechte Ende scrollen.

div.scrollLeft=div.scrollWidth-div.offsetWidth;