본문 바로가기

이럴 수가 있나1

자바스크립트 패럴랙스 효과 : 메뉴 숨김, TOP버튼 자바스크립트 : 패럴랙스 효과 : 메뉴 숨김 자바스크립트의 다양한 효과들 중, 패럴랙스 효과입니다. 이번에는 패럴렉스 효과 1번과 같은 메뉴 디자인이지만, 스크롤을 아래로 내리면 메뉴가 사라지고, 위로 올리면 메뉴가 나타나도록 작업해 주었습니다. 또, 스크롤이 최하단 부근에 위치하면 Top 버튼이 나타나고, Top 버튼을 클릭하면 최상단으로 올라갈 수 있는 기능을 추가해 주었습니다. 1. 스크롤 이벤트 만들어 주기 window.addEventListener("scroll", () => { /* 1) 스크롤의 높이값 구하기 */ let scrollTop = window.pageYOffset || window.scrollY || document.documentElement.scrollTop; /* 2) in.. 2022. 9. 10.

이전 1 다음

728x90

감사합니다. 🦙

JAVASCRIPT

HTML

CSS

광고 준비중

티스토리툴바