css 질문 드립니다! swiper 사용하여 메뉴를 만들고 있는데,
본문
위와 같이 메뉴를 구성할려고 하였으나,
스크롤 내리면 자동으로 그 메뉴를 강조하고, 모션이동도 줄려고 하는데..
쉽지 않더라구요..
어떻게 해야할까요?
swiper는 사용할 줄아는데,
스크롤 내리면 이렇게 강조표시하고 우측으로 슬라이드해라라고 하고 싶은데..
도저히 모르겠습니다.
벤치마킹 url 공유드립니다.
http://www.xn--eh3b76sksb.com/
여기 보시면 상단 메뉴처럼 만들고 싶은데..
클릭시 이동하게는 다 구현했으나,
스크롤 내리면 섹션에 도달했으때,
이동이 되지않더라구요 ㅠㅠ
혹시 참고할만한 문서 있을까요?ㅠ
답변 3
jquery animate나
css transform 한번 알아보세요
말씀하신 사이트에서 자바스크립트 소스를 참고하시면 될 듯한데요..
제이쿼리문 $(window).scroll(function(){} 을 이용해서 스크롤이 top의 어느 값에 도달했을때 swiper되게 해봐야할거같네요
답변을 작성하시기 전에 로그인 해주세요.