阅读(3.6k) 书签赞(0) 我要纠错

window属性：onscroll

2018-05-28 11:00 更新

onscroll属性

元素上scroll事件的事件处理程序。

onscroll属性语法

element.onscroll = functionReference

参数

functionReference是对element滚动时执行的函数的引用。

onscroll属性示例

<!DOCTYPE html>
<html lang="en">
  <head>
  <meta charset="UTF-8" />
  <style>
  #container {
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    width: auto;
    left: 0;
    right: 0;
    overflow: auto;
  }

  #foo {
    height:1000px;
    width:1000px;
    background-color: #777;
    display: block;
  }

  </style>
  </head>
  <body>
    <div id="container">
      <div id="foo"></div>
    </div>

    <script type="text/javascript">
      document.getElementById('container').onscroll = function() {
        console.log("scrolling");
      };
    </script>
  </body>
</html>

笔记

当用户滚动元素的内容时, 将引发滚动事件。Element.onscroll相当于element.addEventListener("scroll" ... )。

规范

规范	状态	注释
文档对象模型 (DOM) 级别3事件规范该规范中'onscroll'的定义。	过时的	初始定义

浏览器兼容性

我们正在将兼容性数据转换为机器可读的JSON格式。

电脑端

特征	Chrome	Edge	Firefox（Gecko）	Internet Explorer	Opera	Safari（WebKit）
基本支持	支持	支持	？	？	？	？

移动端

特征	Android	Android Webview	Chrome for Android	Edge	Firefox Mobile (Gecko)	Firefox OS	IE Mobile	Opera Mobile	Safari Mobile
基本支持	?	支持	支持	支持	?	?	?	?	?

以上内容是否对您有帮助：

← window属性：onresize

window属性：onselect →

写笔记

我要补充