높은 목표를 세우고, 스스로 채찍질 한다.
결과도 중요하지만, 과정을 더 중요하게 생각한다.
매 순간에 최선을 다하고, 끊임없이 변화한다.
모든 일에는 기본을 중요하게 생각한다.
열정을 잃지 않고 실패에서 실패로 걸어가는 것이 성공이다.
천 마디 말보단 하나의 행동이 더 값지다.
조그만 성공에 만족하지 않으며, 방심을 경계한다.
나는 내가 더 노력할수록 운이 더 좋아진다는 걸 발견했다.
꿈이 있다면, 그 꿈을 잡고 절대 놓아주지마라.
GSAP scrollTrigger - 메뉴 축소 효과
높은 목표를 세우고, 스스로 채찍질 한다.
결과도 중요하지만, 과정을 더 중요하게 생각한다.
매 순간에 최선을 다하고, 끊임없이 변화한다.
모든 일에는 기본을 중요하게 생각한다.
열정을 잃지 않고 실패에서 실패로 걸어가는 것이 성공이다.
천 마디 말보단 하나의 행동이 더 값지다.
조그만 성공에 만족하지 않으며, 방심을 경계한다.
나는 내가 더 노력할수록 운이 더 좋아진다는 걸 발견했다.
꿈이 있다면, 그 꿈을 잡고 절대 놓아주지마라.
src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.1/ScrollToPlugin.min.js">
let links = gsap.utils.toArray("#parallax__nav ul li a");
links.forEach(link =>{
let element = document.querySelector(link.getAttribute("href"));
linkST = ScrollTrigger.create({
trigger: element,
start: "top top"
});
ScrollTrigger.create({
trigger: element,
start: "top center",
end: "bottom center",
onToggle: self => setActive(link)
});
link.addEventListener("click", e => {
e.preventDefault();
gsap.to(window, {duration: 0.5, scrollTo: linkST.start, overwrite: "auto"});
})
});
function setActive(link){
links.forEach(el => el.classList.remove("active"));
link.classList.add("active");
}