Установите div как прокручиваемое на нижнюю часть с помощью CSS

Question

Я работаю над чат-приложением. Например, если вы видите окно чата Facebook, есть полоса прокрутки, которая первоначально находится внизу, чтобы отобразить последнее сообщение. Аналогично, я хочу, чтобы div был первоначально полностью прокручен вниз.

Как установить div с вертикальной прокруткой, которая будет полностью прокручена по умолчанию по умолчанию?

Вот мой код:

<div id="divid" style="height:100px; border:2px solid #ccc; overflow: auto;"> 
    xcv sdf dfg sdfg 
    dfg 
    sdf 
    g sdfg sdfg sdfg dsfg 
    sdfg dgfh dgfh 
    dfgh fghdfgh 
    gf hdfg hdfgh hgfdgf h 
    gfhdgfh 
    dgfhfg 
</div> 

Answer 1

Если мое предположение верно, вы ищете что-то вроде

$('#divid').scrollTop(9999999);

<div id="divid" style="height:100px; border:2px solid #ccc; overflow: auto;"> 
 
xcv sdf dfg sdfg 
 
dfg 
 
sdf 
 
g sdfg sdfg sdfg dsfg 
 
sdfg dgfh dgfh 
 
dfgh fghdfgh 
 
gf hdfg hdfgh hgfdgf h 
 
gfhdgfh 
 
dgfhfg