掲示板/JavaScript質問板/過去ログ/一覧/ スクロールバーを制御するにはどうすればいいでしょうか？

0 名前： ECO ： 2007/04/12（木） 02:40 ID:3mVvPOl3 sub-Cl: Ｊａｖａｓｃｒｉｐｔで
現在のスクロール座標（行）をコピーしたり、
指定座標（行）にスクロールさせることができるでしょうか。

ｐタグoverflowでのスクロールバーを制御するにはどうすればいいでしょうか？
よろしくお願いします。

1 名前：匿名： 2007/04/12（木） 02:40 ID:S3ZuYI9G sub-Cz: 「スクロールバーの制御」は、今もこれからも overflow に決まっている。

> 現在のスクロール座標（行）をコピーしたり、
> 指定座標（行）にスクロールさせる

正直、何を言ってるのか分からない。

まあ、要素のスクロール量の取得・設定なら、プラウザによっては scroll* 系のプロパティ・メソッドを使える（現在、CSSOM: CSS Object Model として標準化作業中）。

2 名前：匿名： 2007/04/12（木） 02:40 ID:S3ZuYI9G sub-Cz

要素のレイアウトに関するプロパティ・メソッド。

                     CSSOM   WIE  Firefox Opera  Safari
clientTop              o      o      x      o      x   
clientLeft             o      o      x      o      x   
clientWidth            o      o      o      o      o   
clientHeight           o      o      o      o      o   
                                                       
offsetWidth            o      o      o      o      o   
offsetHeight           o      o      o      o      o   
offsetTop              o      o      o      o      o   
offsetLeft             o      o      o      o      o   
offsetParent           o      o      o      o      o   
                                                       
scrollLeft             o      o      o      o      o   
scrollTop              o      o      o      o      o   
scrollWidth            o      o      o      o      o   
scrollHeight           o      o      o      o      o   
                                                       
scrollByLines          x      x      x      x      o   
scrollByPages          x      x      x      x      o   
scrollIntoView         x      o      o      o      o   
doScroll               x      o      x      x      x   
                                                       
getClientRects         o      o      x      x      x   
getBoundingClientRect  o      o      x      x      x

注：CSSOM は Editor's Draft の段階なので、今後変更される可能性あり。
注：これらが HTMLElement の拡張として実装されている場合、XML ドキュメントで使用できない可能性あり。

3 名前：映子： 2007/04/12（木） 02:40 ID:Tb6/icvB sub-Cl: どうもありがとうございました。
どうしたらいいのか、こまっちゃったわ。

4 名前：匿名： 2007/04/12（木） 02:40 ID:z4uQsZWC sub-Cz

すまん。>>1 を書いたときは気が立っていたんだ（そんなときに書き込んじゃ駄目だよなあ）。

が、>>2 に挙げた中の scrollTop で検索すれば、サンプル自体は見つかるはず。

var node = document.getElementsByTagName ('p')[0];

var amount = node.scrollTop;  // スクロール量の取得（px）
node.scrollTop = 100;         // 指定位置にスクロール（px）

これだけで良かったのなら申し訳なかった。