HTML, CSS automatisches Blättern nach unten

Question

Ich habe eine Messenger-Anwendung entwickelt, die auf einer Webseite ausgeführt wird. Wenn mehr Eingabe eingegeben wird (und die Seitenhöhe zunimmt), wird der Text unten auf dem Bildschirm angezeigt und der Benutzer muss nach unten scrollen. Gibt es eine Möglichkeit, die Seite automatisch nach unten scrollen zu lassen, um dieses Problem zu vermeiden. Die Seite hat auch eine Bootstrap-Kopfzeile und Fuß, die immer im Blick behalten werden müssen. Ist das mit CSS möglich oder wie würde ich es umsetzen?

body { 
    padding: 5%; 
    padding-top: 13%; 
    background-image: url(/img/bg.jpg); 
    background-size: cover; 
    background-attachment: fixed; 
} 

Answer 1

Sie können dies mit jQuery (oder JavaScript für diese Angelegenheit) erreichen. Aber Sie können das nicht nur in CSS tun.

Hier ist Ihr neuer Code:

setInterval(function() { 
    $("html, body").scrollTop($("body").height()); 
},10); 

//Stick to bottom code 
 
setInterval(function() { 
 
    $("html, body").scrollTop($("body").height()); 
 
},10); 
 

 
//Expanding body width 
 
// - This isn't what you'd add to your code 
 
setInterval(function() { 
 
    $("<div>") 
 
    .addClass("build") 
 
    .appendTo("#container"); 
 
},500);

div.build { 
 
    width:100%; 
 
    height:200px; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<div id="container"> 
 

 
</div>