window屬性：onscroll

2018-05-28 11:00 更新

onscroll屬性

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

onscroll屬性語(yǔ)法

element.onscroll = functionReference

參數(shù)

functionReference是對(duì)element滾動(dòng)時(shí)執(zhí)行的函數(shù)的引用。

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>

筆記

當(dāng)用戶滾動(dòng)元素的內(nèi)容時(shí), 將引發(fā)滾動(dòng)事件。Element.onscroll相當(dāng)于element.addEventListener("scroll" ... )。

規(guī)范

規(guī)范狀態(tài)注釋
文檔對(duì)象模型 (DOM) 級(jí)別3事件規(guī)范
該規(guī)范中'onscroll'的定義。
過(guò)時(shí)的初始定義

瀏覽器兼容性

我們正在將兼容性數(shù)據(jù)轉(zhuǎn)換為機(jī)器可讀的JSON格式。 

  • 電腦端
特征Chrome
Edge
Firefox（Gecko）Internet Explorer
Opera
Safari（WebKit）
基本支持支持支持？？？？
  • 移動(dòng)端

特征AndroidAndroid WebviewChrome for AndroidEdgeFirefox Mobile (Gecko)Firefox OSIE MobileOpera MobileSafari Mobile
基本支持?支持支持支持?????
以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)