스크롤링

컨텐츠 크기조정을 js 로 할 경우, 변수의 offset 주로 활용
아래는 기본 offset(수치명) 에서 (수치명)을 . 뒤로 쓰고 모두 활용 가능한 명령어임 x, y 로 됨을 인지
오브젝트의 값을 가져오는 명령어이다.

• @.offsetLeft
• @.offsetTop
• @.offestWidth
• @.offsetHeight
• @.getBoundingClientRect().x
• @.getBoundingClientRect().y
• @.getBoundingClientRect().width
• @.getBoundingClientRect().height

스크롤이 있는 오브젝트의 크기

• @.scrollWidth
• @.scrollHeight

각각 현재 스크롤 세로위치, 가로위치 값이다.

• window.pageYOffset,
• window.pageXOffset

스크롤 사이즈를 잴 때에, 이미지가 불러와지기도 전에 사이즈를 재버리기 때문에, 원래 사이즈가 다 나와서 길어진 사이즈보다 훨씬 짧은 값으로 측정한다.
그러므로, window.onload = function, window.addEventListener("load", function() {}); 라는 이벤트를 사용하면, 로딩이 모두 끝난 후의 사이즈를 측정하기 때문에 제대로 된 사이즈가 나온다.
스크롤링 관련 이벤트를 사용한다면 필수적으로 이 onload 이벤트 이후의 function 안에 사용해줘야 제대로된 위치감지가 가능하다.

사진.foreach 사용하여 각 사진클릭시 임의의 태그가 위 값을 동일하게 받으면 따라다니는 테두리 설정 가능