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

<p><strong><code>History.scrollRestoration</code></strong> 속성을 사용하면 기록 탐색 시 사용할 스크롤 위치 복원 기능의 기본값을 웹 애플리케이션이 지정할 수 있습니다.</p>

<h2 id="구문">구문</h2>

<pre class="syntaxbox">let scrollRestore = history.scrollRestoration;</pre>

<h3 id="값">값</h3>

<dl>
 <dt><code>"auto"</code></dt>
 <dd>페이지 내에서 사용자의 스크롤이 위치했던 장소로 복원합니다.</dd>
 <dt><code>"manual"</code></dt>
 <dd>스크롤을 복원하지 않습니다. 사용자가 직접 스크롤해야 합니다.</dd>
</dl>

<h2 id="예제">예제</h2>

<h3 id="현재_스크롤_복원_여부_알아내기">현재 스크롤 복원 여부 알아내기</h3>

<pre class="brush: js">const scrollRestoration = history.scrollRestoration
if (scrollRestoration === 'manual') {
  console.log('The location on the page is not restored, user will need to scroll manually.');
}
</pre>

<h3 id="스크롤_복원_비활성화">스크롤 복원 비활성화</h3>

<pre class="brush: js">if (history.scrollRestoration) {
  window.history.scrollRestoration = 'manual';
}
</pre>

<h2 id="명세">명세</h2>

<table class="standard-table">
 <tbody>
  <tr>
   <th scope="col">Specification</th>
   <th scope="col">Status</th>
   <th scope="col">Comment</th>
  </tr>
  <tr>
   <td>{{SpecName("HTML WHATWG", " #scroll-restoration-mode", "History.scrollRestoration")}}</td>
   <td>{{Spec2("HTML WHATWG")}}</td>
   <td>No change from {{SpecName("HTML5 W3C")}}.</td>
  </tr>
  <tr>
   <td>{{SpecName("HTML5 W3C", "browsers.html#dom-history-scrollrestoration", "History.scrollRestoration")}}</td>
   <td>{{Spec2("HTML5 W3C")}}</td>
   <td>Initial definition.</td>
  </tr>
 </tbody>
</table>

<h2 id="브라우저_호환성">브라우저 호환성</h2>



<p>{{Compat("api.History.scrollRestoration")}}</p>