Using scrollTo() with a <div>

[bugboy]

I need to be able to automatically scroll a div all the way to the right when new content is added to it via ajax. I've tried direction: rtl; which works in FF and IE but not Safari.. so i'm trying this:

<script type="text/javascript">
function scrollDiv()
  {
  document.getElementById('id').scrollTo(1000,0)
  }
</script>

<div onmouseover="scrollDiv()"></div>

Any suggestions?

The user's mouse will be over the div when new content is added via onclick so i'm using onmouseover to trigger it since onload doesn't work with divs.

Thanks for your help!

[acoder]

You could use element.scrollI ntoView() or you could set the scrollLeft to the scrollWidth.

[bugboy]

Thanks that works great!

Kind regards,

Bugboy

[acoder]

Pleased it does! :)