css - How can I scroll programmatically a div with its own scrollbars?

Question

I have a HTML page with an internal DIV used for content. The internal DIV has its own scrollbars. I would like to automatically scroll to a certain position in the DIV.

How can I do this? (Note that I do NOT want to auto scroll the Window scrollbars - I already know how to do this)

A cross platform solution is needed

Answer 1

The div has a scrollTop property that you can set (and its pal, scrollLeft).

• jsFiddle Demo

• scrollTop on MDN

• scrollLeft on MDN