x
1
2
<html>3
<head>4
<meta charset="utf-8">5
<title>蜜蜂教程(mifengjc.com)</title>6
<style>7
div {8
border: 1px solid black;9
width: 200px;10
height: 100px;11
overflow: scroll;12
}13
</style>14
</head>15
<body>16
17
<p>该实例演示了如何使用 HTML DOM 向 div 元素中添加 "onscroll" 事件。</p>18
<p>尝试滚动 div</p>19
<div id="myDIV">In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since.20
<br><br> 'Whenever you feel like criticizing anyone,' he told me, just remember that all the people in this world haven't had the advantages that you've had.'</div>21
<p id="demo"></p>22
<script>23
document.getElementById("myDIV").onscroll = function() {24
myFunction()25
};26
27
function myFunction() {28
document.getElementById("demo").innerHTML = "你滚动了 div。";29
}30
</script>31
32
</body>33
</html>