[project] 웹 포트폴리오 사이트 _ JS-css opacity 조정

이번에는 home 탭에서 스크롤 다운할수록 안의 콘텐츠의 투명도를 조정하는 옵션을 배웠다.

분명 기존에 배웠던 것으로 할 수 있다고 하였는데...

잘 해내지 못했다.

navbar에서 색상 변경하였던 방식을 그대로 차용했는데, 먹히지 않았다.

 

강사님은 JS에서 직접 css opacity를 먹여버리는 방식으로 풀어나갔다...

document.addEventListener('scroll', () => {
    home.style.opacity = 1 - window.scrollY * 0.55 / homeHeight;
});

나로써는 상상도 못한 일... LoL