css 질문 드립니다! swiper 사용하여 메뉴를 만들고 있는데, 채택완료

위와 같이 메뉴를 구성할려고 하였으나,

스크롤 내리면 자동으로 그 메뉴를 강조하고, 모션이동도 줄려고 하는데..

쉽지 않더라구요..

어떻게 해야할까요?

swiper는 사용할 줄아는데,

스크롤 내리면 이렇게 강조표시하고 우측으로 슬라이드해라라고 하고 싶은데..

도저히 모르겠습니다.

벤치마킹 url 공유드립니다.

http://www.xn--eh3b76sksb.com/

여기 보시면 상단 메뉴처럼 만들고 싶은데.. 

클릭시 이동하게는 다 구현했으나,

스크롤 내리면 섹션에 도달했으때,

이동이 되지않더라구요 ㅠㅠ

혹시 참고할만한 문서 있을까요?ㅠ

답변 3개

채택된 답변
+20 포인트

jquery animate나

css transform 한번 알아보세요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

제이쿼리문 $(window).scroll(function(){} 을 이용해서 스크롤이 top의 어느 값에 도달했을때 swiper되게 해봐야할거같네요 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

말씀하신 사이트에서 자바스크립트 소스를 참고하시면 될 듯한데요..

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인
🐛 버그신고