DIV overflow: scroll; automatisch nach unten Scrollen?
Hallo,
ich habe ein Php Skript:
<?php
echo "<div class'eins'>Eins</div>";
echo "<div class'zwei'>Zwei</div>";
echo "<div class'output'>Hier <br/>ist <br/>der <br/>overflow: scroll;</div>";
echo "<div></div>";
?>
Den overflow: scroll; definiere ich in CSS.
Jetzt möchte ich, dass automatisch nach ganz unten gescrollt wird, wenn die Seite aufgerufen bzw. neu geladen wird.
Im Internet bin ich auf folgenden Code gestoßen:
<?php
echo '<body onLoad="letzteselement.scrollIntoView();">';
echo "<div class'eins'>Eins</div>";
echo "<div class'zwei'>Zwei</div>";
echo "<div class'output'>Hier <br/>ist <br/>der <br/>overflow: scroll;
<a id="letzteselement" />
</div>";
echo "<div></div>";
?>
Bei Firefox funktioniert das auch einwandfrei, wenn ich allerdings einen anderen Browser benutze (z.B. Microsoft Edge) ist es, als ob der Code nicht existier -> es passiert nichts.
(Ich weiß nicht, ob es wichtig ist, aber der Inhalt meines Div wird aus einer Datenbank ausgelesen und ist relativ groß (Text))
Kent jemand noch einen anderen Code, der immer funktioniert?
1 Antwort
Vom Fragesteller als hilfreich ausgezeichnet
Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer
Computer, HTML, CSS
Probiers mal so:
<?php
echo "<body onLoad='letzteselement.scrollIntoView()'>";
echo "<div class='eins'>Eins</div>";
echo "<div class='zwei'>Zwei</div>";
echo "<div class='output'><a id='letzteselement' />Hier <br/>ist <br/>der <br/>overflow: scroll; </a></div>";
echo "<div></div>";
?>
Alex
@Baumwollkuch433
ah, wenn ich es aber so mache, funzt es:
<?php
echo "<body onLoad='letzteselement.scrollIntoView()'>";
echo "<div class='eins'>Eins</div>";
echo "<div class='zwei'>Zwei</div>";
echo "<div class='output'>Hier <br/>ist <br/>der <br/>
<a id='letzteselement' />overflow: scroll;</a></div>";
echo "<div></div>";
?>
Danke!
Es soll ja nach unten gescrollt werde, nicht nach oben.