File tree 1 file changed +2
-2
lines changed
2-ui/1-document/11-coordinates
1 file changed +2
-2
lines changed Original file line number Diff line number Diff line change @@ -135,7 +135,7 @@ alert(elem.tagName);
135
135
136
136
``` js
137
137
let elem = document .elementFromPoint (x, y);
138
- // 요소가 창 밖으로 나가면 lem = null
138
+ // 요소가 창 밖으로 나가면 elem = null
139
139
* ! *
140
140
elem .style .background = ' ' ; // 에러!
141
141
*/ ! *
@@ -199,7 +199,7 @@ setTimeout(() => message.remove(), 5000);
199
199
200
200
CSS와 비교하자면 창 기준 좌표는 `position:fixed`에 해당하고 문서 기준 좌표는 맨 위 기준 `position:absolute`와 비슷합니다.
201
201
202
- 문서 내 특정 좌표에 무언가를 위치시키고 싶을 땐 `position:absolute`와 `top, ` left`를 사용하면 스크롤 이동에 상관없이 해당 요소를 한 좌표에 머물게 할 수 있습니다. 그러려면 우선 정확한 좌표가 필요합니다.
202
+ 문서 내 특정 좌표에 무언가를 위치시키고 싶을 땐 `position:absolute`와 `top/ left`를 사용하면 스크롤 이동에 상관없이 해당 요소를 한 좌표에 머물게 할 수 있습니다. 그러려면 우선 정확한 좌표가 필요합니다.
203
203
204
204
그런데 요소의 문서 기준 좌표를 제공하는 표준 메서드가 아직 없습니다. 하지만 아주 쉽게 코드를 작성할 수 있습니다.
205
205
You can’t perform that action at this time.
0 commit comments