scrolltrigger pin-spacer 영역 없애는 법 있나요?
270
投稿した質問数 11
선생님, 사진처럼 gallery를 감싸는 pin-spacer가 생겨서 하단에 하얀 영역이 생깁니다.
scrolltrigger에서 자동적으로 만드는 거 같은데 이거 없애는 방법이 있을까요? background를 같은 색으로 하니 괜찮아보이긴 했지만 어쨌든 의도하지 않은 공간이 나타난거니 수정하고 싶어서요..
.gallery에 height: 100vh ! important를 해도 안 먹히는데 어떻게 하는 게 좋을까요?
혹시나 하여 선생님 메일로 제 코드파일 전체를 미리 보내드립니다.
回答 2
0
채연님
ScrollTrigger에서 pin:true를 사용하면 고정(pin)되는 요소의 레이아웃을 유지하기 위해 자동으로
.pin-spacer가 삽입이 되는데요 이것은 스크롤 애니메이션 중 고정영역이 밀리지 않도록 하기 위한 내부처리입니다.
자동으로 삽입되는것을 막을 수는 없지만, pinSpacer: false로 주면...원래의 레이아웃이 무너질 수 있어서
.gallery요소의 부모요소나 레이아웃을 직접 컨트롤하셔야합니다.
예를 들어 .gallery에 min-height, positon:relative 등...추가하셔서 컨트롤이 필요합니다.
ScrollTrigger가 자동으로 작성하는 부분이라..그냥 두시는 것이 좋을 듯 합니다.
감사합니다^^
J.영드림
강의 문의드립니다.
0
85
3
마우스 채워지는 텍스트
0
88
2
스크립트 부분이 이해가 어렵네요
0
89
2
완성본 요청드립니다.
0
96
1
선생님 완성본 문의드립니다.
0
144
2
simplyscroll Plugin에 대해서 질문드립니다.
0
120
2
가로스크롤 갤러리 반응형에서 scrollTrigger 동작 문제
0
113
1
가로스크롤 scrollTrigger 가 작동되지 않습니다.
0
179
2
ScrollTrigger 플러그인이 작동되지 않는 것 같습니다
0
207
3
포트폴리오 문의드립니다.
0
123
2
섹션8 질문
0
141
2
강의요청
0
173
3
5차 완성본 요청합니다.
0
147
2
3차 y축으로 올라오는 갤러리제작
0
145
2
내용입력할때 p안쓰고 span쓰는 이유가 있을까요
0
196
2
섹션 .con02 gsap 질문
0
280
3
scrolla 질문
0
141
2
header gnb splitting 적용문제
0
174
3
clamp, min max를 활용한 강의도 있나요??
0
181
1
완성본은 따로 없는건가요?
0
156
1
안녕하세요. 포트폴리오가 어느방향으로 해야할지 감이 안잡히는데 카톡같은걸로 상담도 해주시나요?
0
126
2
완성된 코드 자료 받아볼 수 있을까요?
0
181
1
섹션 14 테두리 밖 색상 제거
0
174
2
선생님
0
220
1