Implement a "div" that can be programmatically scrolled

PROGRAMMATICALLY scroll

[srivalli9]

I'm wondering how one could implement a "div" that can be programmatically scrolled.

I have a "div" element with both horizontal and vertical scrollbars.
The "div" element internally has a table with 100 rows.
Only 10 rows are visible at a time.
I want to PROGRAMMATICALLY scroll the "div" so that the rows from 70 to 80 are visible.

I'm a newbie to javascript.
hence any help is greatly appreciated!

[srivalli9]

Hi,
I could get it working using the scrollTop property of the div element.

document.getElementById('scrollingDivElement').scrollTop = obj.offsetTop;

obj is the 70th row object.

-Srivalli.

[orion_rus]

Are u sure u need it, u can't use a mousewheel in a Mozilla/Netscape broswers to scroll. I think the best way is to set to this div style='overflow:scroll' and all will be fine
Good luck to you

[Rambo Tribble]

Windows and frames can also be scrolled by scripts. This includes iframes, which can be used much like divs and might be useful if the table content is kept as a separate document.