채택완료

원페이지 CSS네비게이션 문의 드립니다.

2021-03-16 (화) 17:21:07 2,499

원페이지로 만든 웹페이지내에서

index.php#about  이런식으로 링크를 걸면 해당위치로 이동 하도록 만들어 놓고,

상단에 텍스트로 네비게이션을 만들어 놓았습니다.

해당위치로 이동하면 #id 값에 따라서, 현재 메뉴명이 네비게이션에서

bold나 다른 색상으로 표시되게 하고 싶습니다.

좀더 자세히 설명하자면

상단에 [소개] [서비스] [연락처] 이렇게 메뉴바를 만들어 넣고

소개 : index.php#about

서비스 : index.php#service

연락처: index.php#contact

이렇게 링크가 걸려 있습니다.

서비스 index.php#service 로 이동하면

메뉴바가 [소개] [서비스] [연락처]

이런식으로 볼드나 다른 색으로 함께 표시되게 하고 싶습니다.

예시로 작성된 소스를 찾아볼 수 있을까요?

답변 2개 / 댓글 3개

채택된 답변
+20 포인트

바로 아래 질문 참고해 보세요.

https://sir.kr/qa/404397

답변에 대한 댓글 3개

스크롤스파이는 부트스트랩에서 사용 가능한 것 아닌가요? 부트스트랩을 사용하지 않는 경우라면 어떻게 해야 할까요?
답변 감사 드립니다.
2021-03-16 (화) 17:53:48

scrollmagic 도 참고해보세요

http://scrollmagic.io/examples/basic/class_toggles.html

https://codepen.io/sjdeere/pen/maXgOo

꼭 부트스트랩 안쓰고도 scrollspy 검색하면 플러그인 많이 나와요

https://saintsilver.github.io/scrollspy/

https://github.com/sxalexander/jquery-scrollspy

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