HTML onscroll 事件
onscroll 是元素在其滚动条滚动时触发的事件。
实例
<!DOCTYPE html><html><head><style>#myDIV {border: 1px solid black;width: 200px;height: 100px;overflow: scroll;}</style></head><body><p>试试div中的滚动条。</p><div id="myDIV" onscroll="myFunction()">在我年幼脆弱的时候，父亲给了我一些至今都在脑海里的建议。<br><br>他告诉我，每当你想批评任何人时，只要记住，这个世界上所有的人都没有你所拥有的优势</div><script>function myFunction() {document.getElementById("myDIV").style.color = "red";}</script><p>在div中滚动时会触发一个函数。该函数将div中文本的颜色设置为红色。</p></body></html>
浏览器支持
| 事件 | |||||
|---|---|---|---|---|---|
| onscroll | Yes | Yes | Yes | Yes | Yes |
所有主流浏览器都支持 onscroll 事件。
定义和用法
onscroll 是元素在其滚动条滚动时触发的事件。
提示：使用CSS overflow style属性为元素创建滚动条。
HTML 4.01 与 HTML5 之间的差异
无。
语法
<element onscroll="script">
属性值
| 值 | 描述 |
|---|---|
| script | onscroll 发生时运行的脚本。 |