스크롤 위치에 따라서 #header-outer.transparent 가 style.css 1810줄 과 1781 줄의 css 성격이 번갈아 가면서 먹히게 작성된 메뉴인데, 이게 슬라이더의 jQuery 와 충돌을 일으켜서 제대로 두개의 css 성격이 toggle 되지 못하고 있습니다.

그 부분을 수정하시면 됩니다.

저같은면 저걸 고치느니 제가 직접 다시 jQuery 작성을 할 것 같습니다. 그게 시간적으로 더 이득이 될 것 같아서요… (jQuery 가 좀 더럽게(?) 깔끔하지 못하게 작성되어 있는 것 같아서..그냥 제 눈에는 코드가 깔끔하지 못하다 생각되는 것 입니다. 뭐 아닐수도 있구요. ㅎㅎㅎ

Matthew Park

Attorney, front-end developer, digital media artist, WordPress enthusiast, & a father of 4 wonderful children.

Lives in Colorado.

jQuery conflict 에 대한 한국어 설명이나, 이걸 한국어로 뭐라고 부르는지는 잘 모릅니다.

https://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/

https://api.jquery.com/jquery.noconflict/

쉽게 해결될 수 도 있는 문제고, 많이 삽질하게 되는 경우도 있고, 그때그때 다릅니다. 케바케? 라고 하나요?

암튼, 쉽게 해결될 문제 같아 보이지 않으면 저는 제가 다시 jQuery 를 짜거나, (고치느니 새로 짜는게 더 속편하니까) 아니면 그 jQuery 기능을 css 로 대체하는 편 입니다.

그런데 scroll position 에 따라 모습이 바뀌는 기능은, 물론 css 로 대체 가능하나, css 만으로 간단하게 scripting 하기 불가능 합니다. 할수는 있지만, 이런 경우는 오히려 jQuery 가 더 간단하죠.

이렇게 dev console 에서 에러로 안뜨는 경우가 가장 해결하기 까다로운 경우 입니다. 그래서 저 같으면 jQuery 를 다시 짜겠다고 말씀드린 것 입니다.

사이트 성격상, 슬라이더 컨텐츠가 자주 바뀌고 그럴 것 같지 않은데, 그렇다면 슬라이더를 revolution 슬라이더를 쓰지말고, css 만으로 하드코딩해서 하나 짜 넣는것도 좋은 방법이라 생각됩니다.

제가 저렴(?)하게 해드릴테니… 원하시면 메일 주세요. ㅋㅋ

nara.dreamer@gmail.com