スクロール可能なDIV、pageloadのdivの下部にスクロールするアニメーションを作成したい

Question

オーバーフローyをスクロールするように設定したDIVがあります。

.scrolling-div { 
width: 85%; 
height: 200px; 
overflow-y: scroll; 
} 

私はこのdiv要素内のコンテンツの束を持っていると仮定すると、私はそれがpageload上のdivの下にすべての方法をスクロールしたいです。私は実際にスクロールのアニメーションを見たいと思っています（つまり、divが先頭から始まりますが、最後は下にスクロールします）。

これを作成するには、Javascript、Jquery、または純粋なCSSを使用します。私はまた、スクロールアニメーションの速度を制御できるようにしたい。

Answer 1

あなたはjQueryのanimateを使用することができます。

$('.scrolling-div').animate({ 
    scrollTop: $('.scrolling-div').prop('scrollHeight') 
}, 1000); 

実施例hereを参照してください。

Answer 2

$(function() { 
    var wtf = $('#scroll'); 
    var height = wtf[0].scrollHeight; 
    wtf.scrollTop(height); 
}); 

#scroll { 
    width: 200px; 
    height: 300px; 
    overflow-y: scroll; 
} 

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