와 정리 진짜 끝났다1 [자바스크립트 응용] 페럴렉스 효과03 / 스크롤변화에 따른 효과 적용하기 패럴랙스 효과 03 패럴랙스 스크롤링은 사용자가 마우스를 스크롤할 때, 원거리에 있는 배경 이미지는 느리게 움직이게 하고, 근거리에 있는 사물 이미지는 빠르게 움직이도록 함으로써 입체감을 느낄 수 있게 만든 디자인 기법입니다. 오늘은 스크롤을 내리면 상단 메뉴바가 사라지고, 스크롤을 올리면 다시 나타나는 구성으로 진행해볼 예정이구요. 추가로 페이지의 맨마지막에 도달하면 위로가기 버튼이 나타나게 스크립트를 짜줄겁니다. 생각만큼 어렵지 않으니 같이 공부해봐요! 원본 소스 보기 원본 사이트 ▶ 메뉴바를 스크롤의 변화에 따라 바로이전의 스크롤 위치값을 마지막 스크롤값에 대입시켜 현재 스크롤위치값과 비교하도록 스크립트를 만들어 줍니다. 스크롤이 위로 올라간다는 것은 현재 스크롤 위치값이 이전 스크롤위치값보다 작다.. 2022. 9. 12. 이전 1 다음 반응형
