DIV ID=”Layer1” STYLE=”position:relative; overflow: auto; height:100;”>として

div タグでoverflow: scroll; を使いはみ出た部分をスクロールするようにしているのですが、これを JavaScript を使ってスクロールさせるにはどうしたらよいでしょうか?

回答の条件
  • URL必須
  • 1人2回まで
  • 登録:2005/02/28 16:58:59
  • 終了:--

回答(2件)

id:siachan No.1

siachan回答回数81ベストアンサー獲得回数142005/02/28 20:27:10

ポイント30pt

1行目でoverflow:autoとなっているのに2行目でoverflow:scrollになってるのがよく分かりませんが、

<html>

<head>

<title>scroll</title>

<script type=”text/javascript”>

<!--

function scr() {

var nowY = document.getElementById(’Layer1’).scrollTop;

document.getElementById(’Layer1’).scrollTop = nowY + 10;

}

-->

</script>

</head>

<body>

<div id=”Layer1” style=”position:relative; overflow: auto; height: 100px;”>

<中略>

</div>

<input type=”submit” value=”scroll” onclick=”scr();return false;”>

</body>

</html>

のようにすればスクロール出来ます。

ただしこれはIE用ですが。

id:yamazakiis

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

ばっちりでした。!

2005/03/01 10:18:07
id:PaulYamamoto No.2

Paul回答回数113ベストアンサー獲得回数22005/03/01 00:03:20

ポイント30pt

Layer1.scrollTopに数値を設定すると上下にスクロールします

Layer1.scrollLeftに数値を設定すると左右にスクロールします

id:yamazakiis

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

ばっちりでした。!

2005/03/01 10:18:13

コメントはまだありません

この質問への反応(ブックマークコメント)

トラックバック

「あの人に答えてほしい」「この質問はあの人が答えられそう」というときに、回答リクエストを送ってみてましょう。

これ以上回答リクエストを送信することはできません。制限について

絞り込み :
はてなココの「ともだち」を表示します。
回答リクエストを送信したユーザーはいません