먼저 사이트에 fixheader가 적용되어 있습니다.

스크롤이 일정치 이상 내려갈 경우 상단 <div class="header">blah</div>가 고정되는 소스입니다.

문제점이 생겼습니다.

header에 있는 gnb에서 <li><a href="#cont1">공지사항</a></li> 를 클릭하면

아래 설정된 cont1로 이동해야합니다. 잘 이동합니다. 문제는

header의 세로 크기가 cont1상단을 가려버립니다.

<div id="cont1"></div>
<div id="cont2"></div>

구글링 해봤더니 아래 소스가 해결책이 던데 적용해보았으나 안됩니다.

1.js        [1.js는 최상위 루트 js폴더에 넣고 보드 관리자화면에서 불러들이게 적용시켜둔 상태입니다]

$("div ul li#menu2").live("click", function() {
 fromTop = 87;  //fixed된 header 높이값
 href = $(this).attr("href");

 // If href is set, points to an Anchor, and the Anchor is not simply #
 if(href && href.indexOf("#") != -1 && href.indexOf("#") != href.length - 1) {
href = href.substring(href.indexOf("#"));
if($(href).length > 0) { // If element exists
 $('html, body').animate({scrollTop: $(href).offset().top - fromTop}, 0);
 return false;
}
 }
});

head.php

<!-- 상단 시작 { -->

<div class="header"></div>
        <div class="gnavb">
    <ul class="navigation ph-line-nav">
        <li id="menu1"><a href="#cont1">공지사항</a></li>