슬라이드 메뉴를 만들때 유용한 Swiper.js를 사용하다가 클릭한 요소를 가운데로 옮기는 기능이 필요하게 되었다.
이것 또한 블로그에 여러 글을 보게 되었는데 다 방법은 똑같으나 나는 계속 달라서 왜 그러는지 고민하다가 성공했다..
보통 블로그 글에서는 초기화 시키고 깨끗한 상태에서 가운데 정렬 시키는 경우가 많았는데 나는 spaceBetween으로 거리를 벌려 두었다. 그래서 계속 슬라이드의 인덱스 수와 인덱스 사이의 거리만큼 슬라이드 전체 길이가 늘어나서 오른쪽에 있는 슬라이드들이 가운데로 못가고 있었다.
슬라이드 부분만 슬쩍 가져오고 색깔도 막 해놓은거라 이쁘진 않지만..
가운데 정렬이동과 선택은 잘 된다.
항상 질문과 같이 고민할만한 내용은 환영입니다. (본인은 뇌가 고통 받는거 좋아함)
'Javascript' 카테고리의 다른 글
[Javascript] 배열, 객체 배열 순회하기 map(), forEach() (2) | 2023.11.02 |
---|---|
[Javascript] 클립보드 복사하기 navigator.clipboard (0) | 2023.10.30 |
[Javascript] xml to Json (공공데이터 api json 변환하기) (0) | 2023.10.12 |
[Javascript] 부모창에서 iframe 컨텐츠 접근하기 (0) | 2023.10.11 |
[Javascript] iframe에서 부모 변수 가져오기 (0) | 2023.10.10 |