CSSソリューション - 常にオーバーフローしたドキュメントを下にスクロール

Question

overflow: scrollのdivがありますが、内容が何であっても常にY軸に沿って下にスクロールします。 （チャットスレッドについて考えてみましょう。

新しいメッセージが追加されたときにdivを高さにスクロールするjQueryソリューションがいくつかありますが、純粋なものがあるかどうか疑問に思っていますこれにCSSソリューション？

ありがとうございました！

Answer 1

残念ながら、純粋なCSSで可能ですが、あなたはelem.scrollHeightを持つ要素の総スクロール可能な高さを得るために、純粋なJSを使用してelem.scrollTop

you can see in this example

jsのコードがあると、その位置に要素をスクロールすることができません。

var elem = document.querySelector("theElementClass"); 
var elemHeight = elem.scrollHeight; 
elem.scrollTop = elemHeight; 

これが役に立ちます。 = D