이전 목록 다음
채택완료

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

2021-06-21 (월) 14:37:03 2,108

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

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

쉽지 않더라구요..

어떻게 해야할까요?

swiper는 사용할 줄아는데,

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

도저히 모르겠습니다.

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

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

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

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

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

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

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

|

답변 3개

채택된 답변
+20 포인트
2021-06-21 (월) 15:18:24

jquery animate나

css transform 한번 알아보세요

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

2021-06-22 (화) 00:19:15

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

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