diff options
| author | alattalatta <urty5656@gmail.com> | 2021-11-28 20:24:10 +0900 |
|---|---|---|
| committer | hochan Lee <hochan049@gmail.com> | 2021-12-13 00:45:04 +0900 |
| commit | bd6329150011e7af74cbd5bf344d5e1a86935060 (patch) | |
| tree | eb35ddbf00e766ecabbe098ae271d07764d80af8 /files/ko/web/api/intersectionobserver/root/index.html | |
| parent | 27b5298d26a12b2ee7f5729aabf4b710cd1779dc (diff) | |
| download | translated-content-bd6329150011e7af74cbd5bf344d5e1a86935060.tar.gz translated-content-bd6329150011e7af74cbd5bf344d5e1a86935060.tar.bz2 translated-content-bd6329150011e7af74cbd5bf344d5e1a86935060.zip | |
Rename html to md
Diffstat (limited to 'files/ko/web/api/intersectionobserver/root/index.html')
| -rw-r--r-- | files/ko/web/api/intersectionobserver/root/index.html | 55 |
1 files changed, 0 insertions, 55 deletions
diff --git a/files/ko/web/api/intersectionobserver/root/index.html b/files/ko/web/api/intersectionobserver/root/index.html deleted file mode 100644 index ad74686576..0000000000 --- a/files/ko/web/api/intersectionobserver/root/index.html +++ /dev/null @@ -1,55 +0,0 @@ ---- -title: IntersectionObserver.root -slug: Web/API/IntersectionObserver/root -translation_of: Web/API/IntersectionObserver/root ---- -<div>{{APIRef("Intersection Observer API")}}</div> - -<p><span class="seoSummary">{{domxref("IntersectionObserver")}} 인터페이스의 read-only 속성인 <strong><code>root</code></strong>는 옵저버의 타겟 엘리먼트가 속한 화면의 경계, 즉 {{Glossary("viewport")}}의 {{Glossary("bounding box")}} 처럼 취급되는 {{domxref("Element")}} 이나 {{domxref("Document")}} 를 식별합니다. </span>만일 <code>root</code>가 <code>null</code> 이라면 화면 경계는 실제 document viewport가 사용됩니다.</p> - -<h2 id="문법">문법</h2> - -<pre class="syntaxbox"><var><code>var <em>root</em> = </code>intersectionObserver</var>.root; -</pre> - -<h3 id="Value">Value</h3> - -<p>{{domxref("Element")}} 이나 {{domxref("Document")}} 객체로, 해당 객체의 bounding box는 observer에 의해 관찰되는 대상 요소가 화면상에 얼마나 보여지는가를 가늠할 뷰포트의 경계로 사용됩니다.</p> - -<p>사각형 경계의 교차성, {{domxref("IntersectionObserver.IntersectionObserver", "IntersectionObserver()")}} 객체 생성시에 설정된 임의의 margin에 의한 offset, 대상 요소의 경계에서 타겟 요소와 겹쳐진 모든 요소나 다른 객체의 경계를 제외한 것이 대상 요소의 가시성 계산에 고려됩니다.</p> - -<p>만일 <code>root</code> 가 <code>null</code>이라면 현재 document가 root로 사용되며, 그것의 viewport의 경계(즉 document의 노출 영역)가 root 의 경계로 사용됩니다.</p> - -<h2 id="사용예">사용예</h2> - -<p>이 예제는 intersection observer의 root 요소의 {{cssxref("border")}}를 2픽셀 너비의 녹색 라인으로 설정합니다.</p> - -<pre class="brush: js">observer.root.style.border = "2px solid #44aa44"; -</pre> - -<h2 id="Specifications">Specifications</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('IntersectionObserver', '#dom-intersectionobserver-root', 'IntersectionObserver')}}</td> - <td>{{Spec2('IntersectionObserver')}}</td> - <td>Initial definition</td> - </tr> - </tbody> -</table> - -<h2 id="Browser_compatibility">Browser compatibility</h2> - -<p>{{Compat("api.IntersectionObserver.root")}}</p> - -<h2 id="See_also">See also</h2> - -<ul> - <li><a href="/en-US/docs/Web/API/Intersection_Observer_API/Timing_element_visibility">Timing element visibility with the Intersection Observer API</a></li> -</ul> |