[JS] Intersection Observer API의 사용법과 활용방법(코드 있음)
바닐라 자바스크립트로 좌표값을 찍어서 효과를 주려고 할 때마다 효과를 주려는 높이를 콘솔로 찍어서 높이를 재는게 너무 불편해서 Intersection Observer API를 활용하여 편하게 구현하였다. 아래 코드를 보면 효과를 주고싶은 높이와 윈도우의 자표를 찍어 번거롭게 구현을 하였는데 Intersection Observer API를 쓰면 더 쉽게 효과를 줄 수 있다. const header = document.querySelector('.header'); const headerHeight = header.getBoundingClientRect().height;// getBoundingClientRect 높이를 반환해주는 함수임 document.addEventListener('scroll', () =..
WEB-Front end/*JAVASCRIPT
2024. 2. 15. 17:15