DIVでスクロールバーを作ったのですが…

質問

DIVでスクロールバーを作ったのですが…
ページが表示された時にスクロールバーの見えない部分（最下位）を表示させるにはどぅしたら良いのでしょうか？？

例：最下位のcccの部分

div.txt
{
border: solid 1px #808080; /*1pxには線の太さ、その後は色*/
width: 330px; /*横幅*/
height: 135px; /*高さ*/
padding: 0.5em; /*空白の大きさ*/
overflow: auto; /*スクロールバーの出方*/
}

<div class="txt">
<p>111</p><br>
<p>222</p><br>
<p>333</p><br>
<p>444</p><br>
<p>555</p><br>
<p>666</p><br>
<p>777</p><br>
<p>888</p><br>
<p>999</p><br>
<p>000</p><br>
<p>aaa</p><br>
<p>bbb</p><br>
<p>ccc</p><br>
</div>

これは、可能ですか？
よろしくお願いします。

回答No.2

golive001

なぜdivで？が分かるとありがたいんですが。
訳ありですか？
textareaではだめなんでしょうか？

回答No.1

MAN_MA_RUI

overflowプロパティのscrollという値は、はみ出した部分をスクロールさせることで省略表示を行うものです。
はみ出した部分を同処理するかと言う設定であり、スクロールバーの位置を設定するものではありませんので少なくともCSSでは無理です。
ラベルをつけて飛ばすと言う方法ならありますが、ページ全体をスクロールさせる結果にもなってしまいます。
JavaScriptはどうか分からないけど…、ボックス内のスクロールは環境によって挙動が変わるかもしれません。