はじめまして。

質問

はじめまして。

overflow:auto;で表示されたスクロールバーを常に一番下に固定する事は可能でしょうか？
デフォルトでは

-------------------------
　　　　　　　　　　　　　　　　　|■|
　　　　　　　　　　　　　　　　　|　 |
　　　　　　　　　　　　　　　　　|　 |
-------------------------

となってしまいますがこれを。

-------------------------
　　　　　　　　　　　　　　　　　|　 |
　　　　　　　　　　　　　　　　　|　 |
　　　　　　　　　　　　　　　　　|■|
-------------------------

このように常に下に合わせた状態にしたいのです。

overflow:auto;にしている理由は中身が開閉式のパネルの為で、
パネルを開いた状態など、ある一定の高さを超えるとスクロールバーが表示されます。

わかり辛いかもしれませんが、よろしくお願いします。

回答No.3

think49 · ベストアンサー

#2 さんから紹介のあった element.scrollTop を試してみました。
(※以下、全角空白は半角空白に置換して下さい)

<div id="target" style="height: 100px; overflow: auto; background-color: #fee; border: solid 1px #d99;"><p style="height: 2000px;">target</p></div>
<script type="text/javascript"><!--
(function () {
　var target = document.getElementById('target');
　target.scrollTop = target.scrollHeight;　// OK = Google Chrome 5, Opera v10.60, Firefox v3.6.6, IE8
})();
//--></script>

element.scrollTop - MDC
https://developer.mozilla.org/en/DOM/element.scrollTop
element.scrollLeft - MDC
https://developer.mozilla.org/en/DOM/element.scrollLeft
element.scrollHeight - MDC
https://developer.mozilla.org/en/DOM/element.scrollHeight

現在のブラウザなら、対応できているようですね。

お礼

ご回答ありがとうございました。

やりたい事ができ大変満足しています。
本当にありがとうございました。

回答No.2

神崎 渉瑠（@taloo）

IEではelement.scrollTop、DOMブラウザはelement.clientTopだったと思いますが、を指定するとスクロールできると思います

お礼

ご回答ありがとうございました。

回答No.1

fujillin

意味がつかめてるのかわからないけれど…
パネル（？）の一番下に高さのほとんどない要素を置いておいて、scrollIntoView(false)を利用すればできそう。

https://developer.mozilla.org/ja/DOM/element.scrollIntoView

お礼

ご回答ありがとうございました。