테스트 사이트 - 개발 중인 베타 버전입니다

swiper 스크롤 질문드립니다.. 채택완료

sar 4년 전 조회 1,874

swiper로 페이지(슬라이드) 1,2,3… 구현중인데요..

swiper-container에 overflow-y:auto; 적용해뒀습니다.

 

1,2슬라이드 내용이 화면 세로길이 안넘어가고 3슬라이드만 넘치는 경우

3슬라이드 길이에 맞춰서 1,2슬라이드까지 스크롤되네요...(화면 상단을 넘어갑니다)

 

1,2슬라이드만 스크롤 안 되게 막는 방법이 있는지 궁금합니다... 스와이퍼 기능상 별 수 없나요ㅠㅠ?

 

 

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

세크티
4년 전
const swiper = new Swiper('.swiper', {
   ...
   autoHeight:true
   ...
})
autoHeight 넣어보세요
로그인 후 평가할 수 있습니다

답변에 대한 댓글 3개

s
sar
4년 전
답변 감사드립니다.
autoHeight 넣으면 컨테이너 세로길이는 컨텐츠에 맞게 바뀌는데
여전히 제일 긴 슬라이드 기준으로 스크롤이 되면서 화면을 넘어가네요ㅠ..
세크티
4년 전
혹시 홈페이지 주소가있나요? 화면을 봐야 답변을 드릴수 있을거같아요
s
sar
4년 전
홈페이지 외부노출이 어려운 시점이여서요.. 시간내서 살펴주셔서 정말 감사합니다!
일단 조잡하지만 해당 슬라이드 내에 빈div영역 덮어씌우는 방법으로 해결했습니다ㅠ

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인