미채택 완료

swiper 스크롤 질문드립니다..

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

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

 

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

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

 

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

 

 

|

답변 1개 / 댓글 3개

const swiper = new Swiper('.swiper', {
   ...
   autoHeight:true
   ...
})
autoHeight 넣어보세요

답변에 대한 댓글 3개

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

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