묻고답하기
page_full_width" class="col-xs-12" |cond="$__Context->page_full_width">
원페이지에서 #아이디 값에 따른 메뉴컬러를 변경하려면 어떻게 해야 하나요?
2019.09.29 13:53
안녕하세요.
아무래도 자바스크립트로 해야되는거 같긴 한데,
개발자가 아니다보니 너무나 무지하네요;;
1. 메뉴2 클릭시 #page2 로 컨텐츠페이지 이동
2. 컨텐츠 페이지는 이동하여 url창에 #page2 까지 나오는 상태지만
메뉴2 의 폰트컬러는 hover컬러로 변경되지 않고 다시 원상복구 됩니다.
3. 이런경우 자바스크립트를 통해 어떻게 처리하면 selected 되있는 메뉴의 컬러를 변경할 수 있나요..?
<ul class="navi">
<li><a href="#page1">메뉴1</a></li>
<li><a href="#page2">메뉴2</a></li>
<li><a href="#page3">메뉴3</a></li>
<li><a href="#page4">메뉴4</a></li>
</ul>
힌트라도 주시면 감사하겠습니다 ㅜㅜ
태그 연관 글
- [2019/10/17] 묻고답하기 제이쿼리나 자바스크립트 문의 드립니다.
즉 어느지점까지 이동했을때 지금이 어느 지점인지 인지시켜 주기 위해서
해당 메뉴를 활성화 시키고 싶다는거죠??
jquery scrollto 이걸로 검색해서 적당한 소스 찾으시고 해당 소스를 가져다 쓰는게 빠를겁니다.
지금 원하시는게 간단해 보이지만
클릭했을때 다른 메뉴에서는 활성화 클라스명을 지우고 해당 부분의 클라스명을 추가 해 주고 그 클라스명에 색을 달리하는거야 간단하겠지만 더 넘어가다 보면
마우스 휠로 돌렸을때도 해당 메뉴가 활성화 되어야 하고
각 블럭당 어느 지점쯤에서 어디를 활성화 지우고 어디를 활성화 시켜야 할지 복잡해 집니다
가장 손쉬운게 넘들이 고민해서 잘 만들어 둔걸 활용하는겁니다.