끈적 메뉴 (CSS)를 포맷하는 데 정말로 어려움이 있습니다.

Question

나는이 사이트와 거의 비슷합니다. 내가 원하는대로 프론트 페이지를 찾았습니다. 네비게이션 메뉴는 흰 막대 등의 오른쪽에 있습니다. 문제는 다른 페이지 (페이지 섹션)로 이동하면 nav이 위로 이동합니다.

막대가 너무 커서 (높이) 크기가 바뀌므로 CSS 쓰기 비트를 찾을 수 없습니다! "최소 높이 (min-height)"속성을 가진 꽤 많은 클래스가 있으며 이것들을 가지고 있지만 아무 소용이 없습니다.

혹시라도 훌륭한 사람들이 멋진 모습을 보일 수 있습니까?

http://growing-underground.com/ (암호 = nugget13)

감사합니다.

Answer 1

내비게이션 막대의 높이를 찾을 수 있습니다. ".is-sticky"라는 클래스는 높이를 90px로 설정하므로 그에 맞게 변경하거나 클래스 요소에서 현재 설정된 최소 높이와 일치하는 탐색 막대에 해당 클래스를 적용하지 않아도됩니다. 스타일.

나는 점심 : 후 나머지를 살펴해야합니다

jumpingcode 변화에 의해 언급 한 바와 같이

Answer 2

.issticky 높이 : XX; 또한이 코드를 변경하여 적절한 부분을 다시 정렬하십시오.

$("html, body").animate({ scrollTop: $("#"+parentSection).offset().top -80 }, 1000); 

변화 80xx이 .issticky

의 높이 또는 단순히이 스크립트를 추가 할 수있는 xx-10에

$("html, body").animate({ scrollTop: $("#"+parentSection).offset().top -($(".issticky").height() -10)}, 1000);