ik heb een minichat gebouwd... nu wil ik naar de onderkant van de div scrollen. ik heb al meerdere manieren geprobeerd, maar het meeste succes had ik met jquery:
<script type="text/javascript">
$('#mainSpace').animate({scrollTop: $('#mainSpace')[0].scrollHeight});
</script>
en hier kwam ik niet verder als 20% gescrolled *groffe schatting*
ook deze heb ik al geprobeerd http://radio.javaranch.com/pascarello/2005/12/14/1134573598403.html maar dit werkt voor mij ook niet...
mijn html pagina:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-language" content="en">
<meta name="description" content="">
<meta name="keywords" content="">
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"> </script>
<title>Untitled</title>
<link rel="stylesheet" type="text/css" href="css/chat_css.css">
</head>
<body>
<div id=container>
<div id=header></div>
<div id=mainSpace>// een zooitje text onder elkaar om een scroll bar te maken.</div>
<div id=rightNav></div>
<div id=footer></div>
</div>
<script type="text/javascript">
$('#mainSpace').animate({scrollTop: $('#mainSpace')[0].scrollHeight});
</script>
</body>
</html>
de css voor mijn scroll divje:
#mainSpace{
float: left;
margin-left: 5px;
width: 279px;
height: 241px;
background-color: #638eb7;
border: 1px #000000 solid;
overflow: auto;
}
alvast bedankt... maar echt enorm bedankt :P
groeten.