Using scroll for div element

[garfield1]

Hello friends,

I am stuck with the scroll for div element.
I want to use a scroll to go at a particular element & I have the id.

I want some info on using window.scrollTo() function.

If you guys can help me out It will be great help.

[rupak]

check out a javascript library, like jquery or mootools.

[spuff]

I think horizontal scroll are not bad. Such website look very nice.
Try this:

<div style="HEIGHT: 500px; WIDTH: 100%; OVERFLOW: scroll;">

I hope this helps.

[Zombi]

When your button clicked and an item selected call this selected item's focus() method. this will cause auto scroll to your element :

<div style="height:80px; overflow:auto;">
    <input type="text" id="id1"><br><br>
    <input type="text" id="id2"><br><br>
    <input type="text" id="id3"><br><br>
    <input type="text" id="id4"><br><br>
    <input type="text" id="id5"><br><br>
    <input type="text" id="id6"><br><br>
</div>
<input type="button" onclick="document.getElementById('id6').focus();">

OR

when you want to scroll to a particular item, execute the following JavaScript code:

location.hash = itemID;

...where itemID is a variable that contains the ID of the element you want to scroll to.