/portfolio-website

html, css, javascript로 만든 프로젝트 소개 사이트입니다.

Primary LanguageHTML

Responsive javascript clone 😊

with dream coding Ellie

DEMO 링크를 클릭하시면 웹사이트로 이동합니다!

기술

반응형 포트폴리오 웹사이트💟

기능

  • window.scrollY, clientHeight를 활용한 background 넣기 & opacity 조절
  • event.target 그리고 data attribute를 활용한 메뉴 이동
  • 버튼 클릭했을때 아이템 필터링 해주어 해당 요소만 보여주기
  • navbar toggle 버튼
  • scrollIntoView 함수 활용 scroll smooth하게 만들기
  • 해당 버튼 클릭시 직관적으로 알 수 있도록 클릭한 요소에 background 넣기
  • 해당 컨텐츠가 보일때 navbar의 menu-item active (IntersectionObserver API)

기간

2021.07.17~07.22