lodash cdn
gsap cdn
을 html 의 head 에 넣어준다.
// ._throttle(함수, 시간)
window.addEventListener(
'scroll',
_.throttle(function () {
console.log('scroll');
if (window.scrollY > 500) {
// 배지 숨기기
// gsap.to(요소, 지속시간, 옵션);
gsap.to(badgeEl, 0.6, {
opacity: 0,
display: 'none',
});
} else {
// 배지 보이기
gsap.to(badgeEl, 0.6, {
opacity: 1,
display: 'block',
});
}
}, 300)
);