Keskustelu: Nettisivujen teko: Vieritys teksti alue aina alas

Eli miten voisin saada vieritys tekstialueen aina alas.

Kyseessä on Chatti systeemi jossa harmittavasti aina chattiin tultaessa chatti alueen viertiyspalkki on ihan ylhäällä ja jos viesti on pitkä joka tulee siitä näkyy vain ensimmäinen rivi.

Kyseessä on kaupan päälle div yhdistelmä eikä erikseen olevaa tekstikenttää:

#chatwindow {
border:1px solid #aaaaaa;
padding:4px;
background:#616161;
color:white;
width:550px;
height:400;
font-family:courier new;
overflow: auto;
}

//ja esille ottaminen:

<p id="chatwindow"> </p>

CSS-koodissasi pitää olla
height:400px;
sillä jos yksikkö puuttuu, koko rivi jää ilman vaikutusta paitsi joissakin selaimissa joskus (quirks-tilassa).

Seuraava näyttäisi toimivan (ainakin IE, Firefox, Chrome, Opera):

<script>
var chatwin = document.getElementById("chatwindow");
chatwin.scrollTop = chatwin.scrollHeight;
 </script>

(Tuo pitää sijoittaa p-elementin jälkeen. Tai sitten tuosta pitää tehdä funktio, jota kutsutaan body-tägin onload-määritteessä.)

PS. Ulkoasulla ilmeisesti tavoitellaan nostalgista vaikutelmaa ajalta, jolloin käytettiin 24 × 80 merkin näyttöjä. Mutta silloin tausta oli yleensä tummempi, esimerkiksi lähes musta tai hyvin tummanruskea. :-)