# coordinates

3개의 포스트
post-thumbnail

[JS30] - 13) Slide in on Scroll

const slideInAt = (window.scrollY + window.innerHeight) - slideImage.height / 2;얼마나 수직으로 스크롤했는지를 픽셀로 나타내는데, 더 정확히 말하면 scrollY는 현재 뷰포트 위쪽 모서리의 Y좌표를 반환한

2021년 11월 17일
·
0개의 댓글
·
post-thumbnail

TIL 007 JavaScript_getBoundingClientRect()

position:fixed와 유사하게 window 상단/왼쪽 모서리에서부터 계산하고이 좌표를 clientX/clientY로 표시document 최상단(root)에서 position:absolute를 사용하는 것과 비슷하게 document 상단/왼쪽 모서리에서부터 계산하

2021년 3월 4일
·
0개의 댓글
·

브라우저 좌표

요소의 사이즈나 위치에 관련된 정보를 얻어낼 수 있다.top, left, bottom, right, width, height 등 ( 이때 bottom, right는 css와는 다르게 위에서는 얼만큼 왼쪽에서는 얼만큼 떨어져있는지를 나타냄 )브라우저 window창에서 x

2021년 1월 18일
·
0개의 댓글
·