마우스 채워지는 텍스트

안녕하세요? green님본 강의 구조에서는 y축의 위칫값에 따라 높이값이 달라지는 구조입니다.gsap.to(container, { y: y});여기서 y는 마우스의 현재 위치이며, 마우스를 화면 아래쪽으로 내리면 y 값은 커지게 됩니다.예를 들어:화면 맨 위에서 마우스 있으면: y = 0중간쯤이면: y = 400 (예시)화면 맨 아래쯤이면: y = 800~1000 (모니터 해상도에 따라 다름)그렇기 때문에 지금 구조로 마우스와 .mask가 같은 위치로 되기는 어렵습니다.전체적 구조를 다시 짜고, 스크립트도 다 다시 작성해야 합니다.결국 교안을 다시 만들어야하는 상황입니다.ㅜ.ㅜ 죄송합니다.J.young드림

스크립트 부분이 이해가 어렵네요

1번 :align는 ES6의 대입형 함수에 적용되는 화살표함수 문법입니다. function대신 ' => '를 사용해서 간결한게 작성한 함 수 표현식이구요..2번 😀if조건문에 activeImage가 활성이미지가 활성되면(true) {...}을 실행하기 위해 작성된 구문으로image를 기준요소(activeImage)와 같은 위치로 정렬하는 코드입니다3번: fade, fade.play(), fade.reverse()는 GSAP에서 Timeline 또는 Tween인스턴스를 컨트롤하는 방식에 사용됩니다.감사합니다

scrolltrigger pin-spacer 영역 없애는 법 있나요?

채연님ScrollTrigger에서 pin:true를 사용하면 고정(pin)되는 요소의 레이아웃을 유지하기 위해 자동으로.pin-spacer가 삽입이 되는데요 이것은 스크롤 애니메이션 중 고정영역이 밀리지 않도록 하기 위한 내부처리입니다.자동으로 삽입되는것을 막을 수는 없지만, pinSpacer: false로 주면...원래의 레이아웃이 무너질 수 있어서.gallery요소의 부모요소나 레이아웃을 직접 컨트롤하셔야합니다.예를 들어 .gallery에 min-height, positon:relative 등...추가하셔서 컨트롤이 필요합니다.ScrollTrigger가 자동으로 작성하는 부분이라..그냥 두시는 것이 좋을 듯 합니다.감사합니다^^J.영드림

scrolltrigger pin-spacer 영역 없애는 법 있나요?

채연님답이 늦어 죄송합니다.확인한 후 답드리도록 하겠습니다감사합니다

선생님 완성본 문의드립니다.

제니님~ 메일로 보내드릴께요^^

선생님 완성본 문의드립니다.

제니님 후기 이벤트에 참여부탁드려요~~

simplyscroll Plugin에 대해서 질문드립니다.

kwanggony님파일을 보내주시면 확인하고 답드리도록 하겠습니다jjjh523@nate.com으로 모든 파일을 압축하여서 보내주세요^^J.young드림

ScrollTrigger 플러그인이 작동되지 않는 것 같습니다

채연님~ 결과물이 다르게 나와 많이 답답하시죠?^^제 메일로 (jjjh523@nate.com)으로 결과물을 폴더째로 압축하여 보내주시면 검토 후 답변드리도록 할께요~~J.영드림

포트폴리오 문의드립니다.

안녕하세요? 제니님^^포트폴리오 제작중이시군요~~학생들 포트폴리오는 수업시간에 배운것을 토대로 직접 스스로 만든건데요..포트폴리오 기획부터 설계 디자인까지 제가 모두 피드백을 진행하고 있습니다.수업시간에 배울 수 있는 내용은 본 강의에도 모두 들어있습니다.나머지는 저의 개별 피드백을 받고 진행하고 있습니다.감사합니다^^J.영드림

섹션8 질문

안녕하세요? 박지혜님그 부분은 스크롤트리거를 사용해서 작성한 부분이라...스크롤 속도에 따라 달라지는 어쩔 수 없는 현상입니다.스크롤트리거 사용으로 인한 자연스러운 상황입니다.position:sticky를 사용해도 가능하지요모두 position으로 위치를 잡으면 되니까요~멋지게 응용해 보시기 바랍니다^^감사합니다J.young드림