슬라이드 스와이프 버튼 문제좀 도와주세요.. 채택완료
뀨랭
4년 전
조회 6,700
메인페이지에 슬라이드 스와이프 코드 가져와서 현재 가안으로 작업중인데,
버튼 부분이 제품이미지 위에 오버랩이 되어 누르기가 좀 거슬린다고 하는 의견이 많아서
width 를 80%만 주고 버튼을 밖으로 꺼내오고 싶은데
어떻게 코드를 짜야될지가 좀 막혀요ㅠㅠ
▼예시로 밑의 이미지 처럼 할려고 작업중입니다 ㅠㅠ 버튼에 어떤 속성을 줘야 할까요..▼
코린이좀 도와주세요ㅠ_ㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변 4개
채택된 답변
+20 포인트
4년 전
css
------
</p>
<p> </p>
<p>.swiper-container{</p>
<p><span style="font-size: 0.875em;"> width: 80%;
padding-left: 50px;
padding-right: 50px;</span></p>
<p><span style="font-size: 0.875em;">}</span></p>
<p>js에서
slidesPerView : 3 으로바꿔주세요.
로그인 후 평가할 수 있습니다
답변에 대한 댓글 4개
�
뀨랭
4년 전
P
Phillips
4년 전
해당 이전 다음 버튼을 swiper-cotainer 밖으로 뺴시구요.
거기서 absoulte나 translate로 x,y축 맞추시면될것같아요.
거기서 absoulte나 translate로 x,y축 맞추시면될것같아요.
�
뀨랭
4년 전
헙! 바로 빼서 div에 포지션 주고
버튼에 absoulte 주니까 고쳐졌어요ㅠㅠㅠ너무 감사합니다.
버튼에 absoulte 주니까 고쳐졌어요ㅠㅠㅠ너무 감사합니다.
s
seaaaaaaa
4년 전
감사합니다 ^____^정보 얻고 가요 !!!!
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
width 값을 무시하고 더 밖으로 나가게 할순 없을까요..