[RESOLVED] [JS] scroll overflowed element

[penagate]

G'day

I believe there is a method of setting the scroll position of an element with overflow:auto and scrollbars, as I have seen it done. However I am not sure what this method is. Basically I want the scroll position to be set to its bottom-most position.

Any ideas?

Cheers
- P

[CornedBee]

I think they're called scrollTo() and scrollBy(). Not sure how to get proper values for the parameters, though. You could just pass a very large value to the y parameter of scrollBy.

[Merri]

Enjoy your reading. scrollTo is indeed what you should use. You can give it pixels. The values can be determined by reading the information behind the link.

[penagate]

Looks promising, but scrollTo doesn't appear to work on an element with its own scroll bars, only on the window itself, which doesn't have scroll bars.

[penagate]

I'm an idiot. Setting scrollTop works. Thanks.

[CornedBee]

In Firefox, you can set the scrollTop/scrollLeft properties. This line scrolls to the bottom:

	var d = document.getElementById('thediv');
	d.scrollTop = d.scrollHeight - d.clientHeight;

The code also works in Opera and Konqueror, and thus probably in Safari. No idea about IE.

Edit: Meh, that happens when you create a test page and test in three browsers before hitting "post": your post gets in 12 minutes after the OP says he's found the same solution

[penagate]

Well, it's not for nothing, because I didn't test in Opera and Konqueror.

I dunno about IE either, but it's not an IE-compatible project at this stage.