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

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

QA

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

본문

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

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

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

 

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

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

 

좀더 자세히 설명하자면

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

소개 : index.php#about

서비스 : index.php#service

연락처: index.php#contact

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

 

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

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

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

 

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

이 질문에 댓글 쓰기 :

답변 2

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

https://sir.kr/qa/404397

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

답변을 작성하시기 전에 로그인 해주세요.
전체 586
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT