728x90 반응형 active bar2 버튼 따라다니는 bar 만들기(javascript) 주로 사이트 gnb 메뉴에 active로 효과를 주는데 그 중에 active 될 때 따라다니는 bar를 만드는 방법이다. See the Pen tabmenu following active bar (vanilla js) by seri (@ay9318) on CodePen. 2023. 2. 9. [swiper-slide] mouseup()을 이용하여 커스텀 하기 swiper slide를 사용 하던 중 Thumbs gallery (https://swiperjs.com/demos#thumbs-gallery)를 이용하여 탭메뉴와 컨텐츠를 연결하였다. 그러던 중 탭메뉴에 active바를 만들어 놓았는데, 클릭할때 active가 붙는건 click 이벤트로 만들었지만 스와이프할때는 어떻게 할지 난감하다가 발견한것이 moueup이다. .mouseup() : 마우스 버튼을 눌렀다 떼었을 때 발생한다. active바가 움직일때 자연스럽게 하기 위한 코드는 아래에서 참고하면 된다. See the Pen by HWANGAYOUNG (@ay9318) on CodePen. mouseup을 이용하여 swiper slide 컨텐츠를 스와이프했을때 탭메뉴에 activeBar() 함수를 주었.. 2021. 9. 6. 이전 1 다음 728x90 반응형
