탭메뉴+swiper슬라이드 사용시 화면 멈춤현상 어떻게 하나요? 채택완료
탭메뉴와 swiper를 여러개 같이 쓰려고 합니다.
잘 나오기는 하는데, 두번째 탭을 클릭하면 swiper 슬라이드가 멈춤상태에 있다가 화면을 줄이거나 늘리면 그때 적용이 되서 슬라이드되네요.
* 탭메뉴 없이 swiper를 연속해서 넣으면 잘 됩니다.
탭메뉴에 넣었을때만 안되네요.
고수님들 조언 좀 주세요!! ㅠ_ㅠ
tab1
tab2
" target="_blank" rel="noopener noreferrer">https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js">
var swiper = new Swiper('.s1', {
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
pagination: {
el: '.swiper-pagination',
},
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
});
var swiper = new Swiper('.s2', {
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
pagination: {
el: '.swiper-pagination',
},
autoplay: {
delay: 2500,
disableOnInteraction: false,
},
});
답변 1개
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인