배지1 (스타벅스)헤더_ Side Badge 추가 // 스크롤 에니메이션 포인트 HTML **position:fixed 를 이용하여 화면이 바뀌어도 해당 요소 고정. > Position 이 relative 일 때 블록요소는 너비를 최대한으로 늘리려 하지만 absolute나 fixed일 때는 최소한으로 가지려 하기때문에 요소의 너비가 화면 전체를 차지하도록 하려면 width:100%를 추가해주어야함 CSS ** overflow:hidden으로 곡률이 적용된 div밖으로 이미지가 넘치지 않게 해줌 JS ** lodash 라이브러리를 사용해서 addEventLister로 뱃지에 scroll 함수 적용 > _.throttle : 페이지에 콘텐츠가 많은경우 페이지가 무거워지기 때문에스크롤을 할 때마다 함수가 실행된다면 화면에 렉이 걸릴수 있다 이를 방지하기 위해 지정시간동안 요청을 무.. 2022. 6. 4. 이전 1 다음
