---
title: Document.scrollingElement
slug: Web/API/Document/scrollingElement
tags:
  - API
  - Document
  - Property
  - Reference
  - scrollingElement
translation_of: Web/API/Document/scrollingElement
---
<div>{{APIRef("DOM")}}</div>

<div> </div>

<div><strong><code>scrollingElement</code></strong> は、{{domxref("Document")}} インターフェースの読み込み専用プロパティです。</div>

<div>スクロール可能な {{domxref("Element")}} の参照を返します。</div>

<div>スタンダードモードでは、ドキュメントのルート要素である {{domxref("document.documentElement")}} になります。</div>

<div> </div>

<div>後方互換モードでは、<code>scrollingElement</code> はHTMLの <code>body</code> 要素を返します。</div>

<div><code>body</code> 要素が存在しないか、それが <a href="https://drafts.csswg.org/cssom-view/#potentially-scrollable">スクロール可能</a> な場合は null を返します。</div>

<h2 id="構文">構文</h2>

<pre class="syntaxbox">var <var>element</var> = document.scrollingElement;</pre>

<h2 id="例">例</h2>

<pre class="brush: js">var scrollElm = document.scrollingElement;
scrollElm.scrollTop = 0;
</pre>

<h2 id="仕様">仕様</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">仕様書</th>
   <th scope="col">策定状況</th>
   <th scope="col">コメント</th>
  </tr>
  <tr>
   <td>{{SpecName('CSSOM View','#dom-document-scrollingelement','scrollingElement')}}</td>
   <td>{{Spec2('CSSOM View')}}</td>
   <td>Initial definition</td>
  </tr>
 </tbody>
</table>

<h2 id="ブラウザー実装状況">ブラウザー実装状況</h2>



<p>{{Compat("api.Document.scrollingElement")}}</p>