HTML、CSS自動スクロールページ下へ

Question

私はウェブページ上で動作するメッセンジャーアプリケーションを構築しました。より多くの入力が行われると（ページの高さが増加すると）、テキストは画面の一番下に表示され、ユーザーは下にスクロールする必要があります。この問題を避けるために、常にページを常に下にスクロールさせる方法はありますか？ページには、常にビューに留まる必要があるブートストラップヘッダーと足があります。これはCSSで可能ですか、それをどのように実装しますか？

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

Answer 1

これはjQuery（またはその点についてはJavaScript）で行うことができます。しかし、これはCSSだけではできません。

ここにあなたの新しいコードです：

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>