안녕하십니까.
제이쿼리 풀페이지 라이브러리를 이용하여
아래 사이트를 만들어보고 있는데
http://mittocompany.co.kr/test.php
각 섹션마다 배경색이 다르다보니
우측 고정메뉴(툴팁) 부분의 색 또한 섹션마다 다르게 css를 적용하고 싶은데,
방법을 찾기가 매우 어렵네요.
예를 들어 '첫번째 섹션에 active 되어 있을때, 우측 메뉴에 aaa 클래스를 추가하라'
와 같은 구문을 사용하고 싶은데, 머리가 잘 안돌아가는군요..
고수님들의 도움이 필요합니다.
답변 부탁드리겠습니다.
답변 2개 / 댓글 2개
채택된 답변
+20 포인트
LukcyHoo
2019-05-24 (금) 16:27:32
페이지가 변할때면 body 의 클래스도 변하네요 fp-viewing-1 fp-viewing-2 이런식으로
이 클래스를 이용하여 css로 색상을 바꿔주면 되겠네요.
답변에 대한 댓글 1개
DavidKim
2019-05-24 (금) 16:34:21
2019-05-24 (금) 16:30:09
콜백 함수로 뭔가 처리를 할수있을거 같은데요. 메뉴가 지금 저렇게 고정이라면 css로 처리하시는게 어떠실지요? 어떻게든 서울로 가면 되니깐요
<style>
#fp-nav ul>li:nth-child(1) a.active p{color:red}
#fp-nav ul>li:nth-child(2) a.active p{color:blue}
#fp-nav ul>li:nth-child(3) a.active p{color:#0a2b1d}
#fp-nav ul>li:nth-child(4) a.active p{color:#0f6674}
#fp-nav ul>li:nth-child(5) a.active p{color:#bec3c7}
#fp-nav ul>li:nth-child(6) a.active p{color:orange}
</style>
답변에 대한 댓글 1개
DavidKim
2019-05-24 (금) 16:35:30
답변 감사드립니다!
LukcyHoo 님 말씀대로 하는 방법이
더욱 간결해서 그렇게 해결 했네요..^^
LukcyHoo 님 말씀대로 하는 방법이
더욱 간결해서 그렇게 해결 했네요..^^
답변을 작성하려면 로그인이 필요합니다.
body 클래스가 변하는거는 생각도 못해서 못봤군요!