Force Scrollbar to bottom - Webmaster Forum - Web Design, Programming and SEO forums

11-01-2008, 04:55 PM

paulOr

Status: Member
Join date: Oct 2007
Location: Scotland
Expertise:
Software:

Posts: 140

iTrader: 2 / 100%

paulOr is on a distinguished road

Force Scrollbar to bottom

Code:

#chat {
	width: 800px;
	height: 400px;
	margin: auto auto auto auto;
	overflow: scroll;
	border: 5px solid #333;
	padding: 10px 10px 30px 10px;
}

when the content gets bigger than the div, a scrollbar becomes visable. I need a way to force the scrollbar to the bottom, so that you (by default) see the bottom of the div first, then have to scroll up, is there such a way to do this?

11-01-2008, 05:14 PM

Salathe

Status: Community Archaeologist
Join date: Jul 2004
Location: Scotland
Expertise: Software Development
Software: vim, PHP

Posts: 3,820

iTrader: 25 / 100%

Salathe will become famous soon enough

You could use JavaScript to set the scrollTop property. Off the top of my head:

Code:

var elem = document.getElementById("chat");
elem.scrollTop = elem.scrollHeight;

11-01-2008, 05:18 PM

paulOr

Status: Member
Join date: Oct 2007
Location: Scotland
Expertise:
Software:

Posts: 140

iTrader: 2 / 100%

paulOr is on a distinguished road

doesnt work

+ i found that via google already