본문 바로가기

이상해1

자바스크립트 패럴랙스 효과 : 이질감 효과 자바스크립트 : 패럴랙스 효과 : 이질감 효과 자바스크립트의 다양한 효과들 중, 패럴랙스 효과입니다. 이번에는 스크롤을 내릴 때마다 글자와 이미지에 애니메이션 효과를 주어, 약간의 이질감이 느껴지도록 작업해 보았습니다. 1. 스크롤 이벤트 만들어 주기 function scroll() { requestAnimationFrame(scroll); }; scroll(); 오늘 작업할 모든 함수들은, 재귀 함수인 scroll() 내에서 작업할 예정입니다. 패럴랙스 효과 3번에서도 설명했듯이, addEventListener를 사용하지 않는 이유는 버벅거림 현상을 피하기 위해서입니다. 2. 현재 스크롤의 높이값 구하기 let scrollTop = window.pageYOffset || document.document.. 2022. 9. 20.

이전 1 다음

728x90

감사합니다. 🦙

JAVASCRIPT

HTML

CSS

광고 준비중

티스토리툴바