인프런 커뮤니티 질문&답변
작성한 질문수
scrolltrigger pin-spacer 영역 없애는 법 있나요?
작성
·
106
·
수정됨
0
선생님, 사진처럼 gallery를 감싸는 pin-spacer가 생겨서 하단에 하얀 영역이 생깁니다.
scrolltrigger에서 자동적으로 만드는 거 같은데 이거 없애는 방법이 있을까요? background를 같은 색으로 하니 괜찮아보이긴 했지만 어쨌든 의도하지 않은 공간이 나타난거니 수정하고 싶어서요..
.gallery에 height: 100vh ! important를 해도 안 먹히는데 어떻게 하는 게 좋을까요?
혹시나 하여 선생님 메일로 제 코드파일 전체를 미리 보내드립니다.
답변 2
0
J.영
지식공유자
채연님
ScrollTrigger에서 pin:true를 사용하면 고정(pin)되는 요소의 레이아웃을 유지하기 위해 자동으로
.pin-spacer가 삽입이 되는데요 이것은 스크롤 애니메이션 중 고정영역이 밀리지 않도록 하기 위한 내부처리입니다.
자동으로 삽입되는것을 막을 수는 없지만, pinSpacer: false로 주면...원래의 레이아웃이 무너질 수 있어서
.gallery요소의 부모요소나 레이아웃을 직접 컨트롤하셔야합니다.
예를 들어 .gallery에 min-height, positon:relative 등...추가하셔서 컨트롤이 필요합니다.
ScrollTrigger가 자동으로 작성하는 부분이라..그냥 두시는 것이 좋을 듯 합니다.
감사합니다^^
J.영드림
0