✔ div box nach unten gescrollt

Kurt Cobain

Kurt Cobain

Erfahrenes Mitglied
Tag Tag

Kuckt euch mal das an:

Code:
Code: 
<div style="background:#ffffff;border: 1px solid #C0C0C0; margin: 0px; padding: 6px; width: 564px; height: 150px; overflow: auto;">
 y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> unten<br> 
</div>



Kann mann es irgendwie machen, dass die Box immer ganz nach unten gescrollt ist, so dass man "unten" sehen kann

Also wie bei ICQ, dass wenn ich einen neuen Text in die Box lade, dass es dann nach unten gescrollt ist, aber so dass ich sie von Han dwieder hochscrollen kann.

Geht das irgendwie

wenn ja wie

gruß mich
 
Du könntest einen Anker setzen und an die URL anhängen:

HTML: 
<div style="background:#ffffff;border: 1px solid #C0C0C0; margin: 0px; padding: 6px; width: 564px; height: 150px; overflow: auto;">
 y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> <a name="unten">unten</a><br>
</div>
 
Was sollte denn mit dem Anker nicht funktionieren?

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

</head>
<body>

<p><a href="#unten">Gehe nach unten</a></p>

<div style="background:#ffffff;border: 1px solid #C0C0C0; margin: 0px; padding: 6px; width: 564px; height: 150px; overflow: auto;">
 y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> <a name="unten">unten</a><br>
</div>

</body>
</html>
 
Bei mir wird in dem zuletzt gezeigten Beispiel zwar nur innerhalb des DIVs nach unten gescrollt, aber probier es doch stattdessen mal mit der scrollIntoView()-Methode:

HTML: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
  "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title></title>

<script type="text/javascript">
function Test() {
  document.getElementById('unten').scrollIntoView(true);
}
</script>

</head>
<body onload="Test()">

<div style="background:#ffffff;border: 1px solid #C0C0C0; margin: 0px; padding: 6px; width: 564px; height: 150px; overflow: auto;">
 y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> y1<br> <p id="unten">unten</p><br>
</div>

</body>
</html>
 
Um antworten zu können musst du eingeloggt sein.

Neue Beiträge

Zurück