onScroll

書式

<タグ名 onScroll="イベント発生時の処理">
オブジェクト.onscroll = "イベント発生時の処理"

説明

スクロールされた時に発生します。Windows版/Mac版Internet Explorer 5以降、Firefox、Safari、Operaで利用することができます。

サンプルコード [実行]

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>Sample</title>
</head>
<body>
<script type="text/javascript"><!--
window.onload = function() {
document.getElementById("sArea").onscroll = function() {
document.getElementById("result").innerHTML = "Scroll Event !!";
}
}
// --></script>
<div id="result"></div>
<div id="sArea" style="width:100px;height:100px;overflow:scroll;background-color:orange;font-size:24pt;">
onScroll<br>Event<br>Sample<br>
</div>
</body>
</html>