방법 아시는분 계시는가요?
본문
아래 사이트를 상단을 고정시켜놨는데요..
고정 전에는 이상없었는데, 고정시키니 회사소개와 사업분야를 클릭하니
해당 영역으로 링크 이동이 안되네요.
즉, 예를 들어 회사소개에서 회사현황 클릭하면 회사현황으로 이동은하지만 내용이 위로 좀 넘어가버렸네요. 내용 들어가는 페이지들은 다 그렇게 되더라구요..
이해안되시면 직접해시면 될거예요.
그래서, 각각 소개 페이지 메뉴 클릭시 정상적으로 해당 영역으로 글들이 제대로 보이는 위치로 이동하여멈췄으면 하는데 방법이 없을까요?
참고로 메뉴명 클릭시 해당 페이지 내에 이동하는 링크 하는 방법을 이용했습니다.
제가 아무리 해도 잘 안되네요ㅡㅡ;
고수님들 방법 알려주세요.
답변 3
소스를 보시면 메뉴를 클릭하면 페이지 내에서 이동하는
<a name="company01"></a>
<a name="company02"></a>
.
.
.
<a name="company05"></a>
이렇게 있습니다.
이곳에 클래스를 적용해서 css를 추가하면 될것입니다.
예를 들면
<a name="company01" class="menu_tab"></a>
으로 "class="menu_tab"을 추가하고
Css 부분에
a.menu_tab { display:block;padding-top:130px;}
를 추가하시면 여백이 생겨서 정상적으로 보일것 입니다.~
안녕하세요. ~~
상단메뉴가 고정되면 페이지 윗부분이 아래에 감춰져서 발생되는 현상입니다.
즉, 고정된 메뉴의 세로크기인 130px 부분이 메뉴아래로 숨겨져서 그렇습니다.
수정방법으로는 #링크 부분에 메뉴높이만큼 여백을 주면 해결이 가능할것 같습니다. ~~