人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

DIV ID=”Layer1” STYLE=”position:relative; overflow: auto; height:100;”>として
div タグでoverflow: scroll; を使いはみ出た部分をスクロールするようにしているのですが、これを JavaScript を使ってスクロールさせるにはどうしたらよいでしょうか?

●質問者: yamazakiis
●カテゴリ:ウェブ制作
✍キーワード:JavaScript Overflow スクロール タグ
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● siachan
●30ポイント

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用ですが。

◎質問者からの返答

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

ばっちりでした。!


2 ● Paul
●30ポイント

http://www.microsoft.com/japan/msdn/library/

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

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

◎質問者からの返答

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

ばっちりでした。!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ