메인페이지에 슬라이드 스와이프 코드 가져와서 현재 가안으로 작업중인데,
버튼 부분이 제품이미지 위에 오버랩이 되어 누르기가 좀 거슬린다고 하는 의견이 많아서
width 를 80%만 주고 버튼을 밖으로 꺼내오고 싶은데
어떻게 코드를 짜야될지가 좀 막혀요ㅠㅠ
▼예시로 밑의 이미지 처럼 할려고 작업중입니다 ㅠㅠ 버튼에 어떤 속성을 줘야 할까요..▼
코린이좀 도와주세요ㅠ_ㅠ
답변 4개 / 댓글 5개
채택된 답변
+20 포인트
2021-06-15 (화) 13:53:47
css
------
Copy
.swiper-container{
width: 80%;
padding-left: 50px;
padding-right: 50px;
}js에서
slidesPerView : 3 으로바꿔주세요.
답변에 대한 댓글 4개
2021-06-15 (화) 14:26:50
Phillips
2021-06-15 (화) 14:44:22
해당 이전 다음 버튼을 swiper-cotainer 밖으로 뺴시구요.
거기서 absoulte나 translate로 x,y축 맞추시면될것같아요.
거기서 absoulte나 translate로 x,y축 맞추시면될것같아요.
2021-06-15 (화) 15:36:46
헙! 바로 빼서 div에 포지션 주고
버튼에 absoulte 주니까 고쳐졌어요ㅠㅠㅠ너무 감사합니다.
버튼에 absoulte 주니까 고쳐졌어요ㅠㅠㅠ너무 감사합니다.
미니미니츄
2021-06-15 (화) 14:58:29
밖으로 더 빼고 싶으시면 여길 수정하시면 될거같아요
병원에서일해요
2021-06-15 (화) 14:34:28
각 버튼의 left right를 -로 바꿔보세요
2021-06-15 (화) 13:25:00
사이트 주소나 소스를 기재해주세요.
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.
width 값을 무시하고 더 밖으로 나가게 할순 없을까요..