제이쿼리(풀페이지) 질문 드립니다..

제이쿼리(풀페이지) 질문 드립니다..

QA

제이쿼리(풀페이지) 질문 드립니다..

답변 2

본문

안녕하십니까.

제이쿼리 풀페이지 라이브러리를 이용하여

아래 사이트를 만들어보고 있는데

 

http://mittocompany.co.kr/test.php

 

각 섹션마다 배경색이 다르다보니

우측 고정메뉴(툴팁) 부분의 색 또한 섹션마다 다르게 css를 적용하고 싶은데,

방법을 찾기가 매우 어렵네요.

 

예를 들어 '첫번째 섹션에 active 되어 있을때, 우측 메뉴에 aaa 클래스를 추가하라'

와 같은 구문을 사용하고 싶은데, 머리가 잘 안돌아가는군요..

 

고수님들의 도움이 필요합니다. 

답변 부탁드리겠습니다.

이 질문에 댓글 쓰기 :

답변 2

페이지가 변할때면 body 의 클래스도 변하네요 fp-viewing-1  fp-viewing-2  이런식으로 
이 클래스를 이용하여 css로 색상을 바꿔주면 되겠네요.

콜백 함수로 뭔가 처리를 할수있을거 같은데요. 메뉴가 지금 저렇게 고정이라면 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>

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 27
© SIRSOFT
현재 페이지 제일 처음으로