반응형
ScrollTrigger.create({
trigger: ".text-section .line",
start: "top 80%",
onEnter: () => {
console.log("Enter triggered for .line");
document.querySelector(".text-section .line").classList.add("is-active");
},
onLeaveBack: () => {
console.log("LeaveBack triggered for .line");
document.querySelector(".text-section .line").classList.remove("is-active");
},
markers: true
});
콘솔을 이용해 정확한 위치를 확인해서 사용함.
반응형
'JS, jQuery' 카테고리의 다른 글
JS 스크롤 시 클래스 추가 및 제거하기 (0) | 2025.03.17 |
---|---|
gsap.to()와 ScrollTrigger.create()의 차이 (0) | 2025.03.06 |
ScrollTrigger 설명 (0) | 2025.03.06 |
aos 라이브러리 위치 초기값 수정 (0) | 2025.01.21 |
swiper로 부드럽게 자동 롤링 구현하기 (0) | 2025.01.17 |