div タグでoverflow: scroll; を使いはみ出た部分をスクロールするようにしているのですが、これを JavaScript を使ってスクロールさせるにはどうしたらよいでしょうか?
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用ですが。
Layer1.scrollTopに数値を設定すると上下にスクロールします
Layer1.scrollLeftに数値を設定すると左右にスクロールします
ありがとうございました。
ばっちりでした。!
ありがとうございました。
ばっちりでした。!