슬라이드 스와이프 버튼 문제좀 도와주세요..
본문
메인페이지에 슬라이드 스와이프 코드 가져와서 현재 가안으로 작업중인데,
버튼 부분이 제품이미지 위에 오버랩이 되어 누르기가 좀 거슬린다고 하는 의견이 많아서
width 를 80%만 주고 버튼을 밖으로 꺼내오고 싶은데
어떻게 코드를 짜야될지가 좀 막혀요ㅠㅠ
▼예시로 밑의 이미지 처럼 할려고 작업중입니다 ㅠㅠ 버튼에 어떤 속성을 줘야 할까요..▼
코린이좀 도와주세요ㅠ_ㅠ
답변 4
css
------
.swiper-container{
width: 80%;
padding-left: 50px;
padding-right: 50px;
}
js에서
slidesPerView : 3 으로바꿔주세요.
width를 80%를 주고 하였을때 버튼의 위치가..고정이되어서
width 값을 무시하고 더 밖으로 나가게 할순 없을까요..
해당 이전 다음 버튼을 swiper-cotainer 밖으로 뺴시구요.
거기서 absoulte나 translate로 x,y축 맞추시면될것같아요.
헙! 바로 빼서 div에 포지션 주고
버튼에 absoulte 주니까 고쳐졌어요ㅠㅠㅠ너무 감사합니다.
감사합니다 ^____^정보 얻고 가요 !!!!
사이트 주소나 소스를 기재해주세요.
현재 메인페이지만 테스트로 만들어보고 있는 주소입니다!
각 버튼의 left right를 -로 바꿔보세요
밖으로 더 빼고 싶으시면 여길 수정하시면 될거같아요
답변을 작성하시기 전에 로그인 해주세요.
