How to scroll a <div>?

[jaschulz]

How, given a <div style="overflow: auto; height: 200px;'>, can I control the vertical scrollbar programatically?

Thanks,

JAS

 

[theniteowl]

It varies a bit from browser to browser but look into the scrollTo method.

http://www.w3schools.com/htmldom/met_win_scrollto.asp

You can use scrollTop and scrollLeft to determine how many pixels you are already scrolled but the methods of determining how tall and wide the window is varies a lot browser to browser. If you have a fixed size div then you know how many pixels wide/tall it is and that makes things a lot easier.



Paranoid? ME?? Who wants to know????

 

[Kirsle]

Hey,

I checked out that link because I have the same problem with needing to scroll a div. I found a solution though:

<!-- JavaScript Part -->
<script>
function doScroll() {
   mydiv.scrollTop = 5000;
}
</script>

<!-- HTML Part -->
<div id="mydiv">lots of div data
<p>.<p>
Line 2
<p>.<p>
Line 3
<p>.<p>
Line 4
<p>.<p>
Line 5
<p>.<p>
Line 6
<p>.<p>
etc.
<p>.<p>
<p>.<p>
<p>.<p>
<p>.<p>
<p>.</div>

You might even be able to do += and -= on mydiv.scrollTop for smoother scrolling or to scroll in incremements.

 

[Kirsle]

*edit

The div should probably have a scrollbar in my example ;-)

<div id="mydiv" style="height: 100px; overflow: scroll">