방법 아시는분 계시는가요?
본문
아래 사이트를 상단을 고정시켜놨는데요..
고정 전에는 이상없었는데, 고정시키니 회사소개와 사업분야를 클릭하니
해당 영역으로 링크 이동이 안되네요.
즉, 예를 들어 회사소개에서 회사현황 클릭하면 회사현황으로 이동은하지만 내용이 위로 좀 넘어가버렸네요. 내용 들어가는 페이지들은 다 그렇게 되더라구요..
이해안되시면 직접해시면 될거예요.
그래서, 각각 소개 페이지 메뉴 클릭시 정상적으로 해당 영역으로 글들이 제대로 보이는 위치로 이동하여멈췄으면 하는데 방법이 없을까요?
참고로 메뉴명 클릭시 해당 페이지 내에 이동하는 링크 하는 방법을 이용했습니다.
제가 아무리 해도 잘 안되네요ㅡㅡ;
고수님들 방법 알려주세요.
답변 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;}
를 추가하시면 여백이 생겨서 정상적으로 보일것 입니다.~
감사합니다. 근데 전 님같이 할려니 잘안되고해서 그냥 일일이 a name 쪽에 style로 해서 적용했네요..ㅡㅡ;; 근데 marigin-top 값 때문에 130만큼 아래 좀 밀리긴했는데 이게 밀리면서 맞춰지는게 맞는건가요?;;;
네;; 여백을 넣어서 컨텐츠 부분마다 조금씩 밀리는건 당연합니다.
컨텐츠 밀리는 부분을 보완하려면 아래 "onlymilk47"님의 댓글 링크처럼 추가 소스를 넣어서
잡아주면 됩니다.~
안녕하세요. ~~
상단메뉴가 고정되면 페이지 윗부분이 아래에 감춰져서 발생되는 현상입니다.
즉, 고정된 메뉴의 세로크기인 130px 부분이 메뉴아래로 숨겨져서 그렇습니다.
수정방법으로는 #링크 부분에 메뉴높이만큼 여백을 주면 해결이 가능할것 같습니다. ~~
답변 감사합니다. 대략은 이해가는데, 마지막에 "수정방법으로는 #링크 부분에 메뉴높이만큼 여백을 주면 해결이 가능할것 같습니다. ~~ " 이말이 이해가 잘 안되서요^^;
#링크 부분이라면 <a href="#company01"></a> 이렇게 링크 건 부분 말씀하시는건가요? 여기서 메뉴 높이만큼 여백을 130px 주라는건지? 어떻게 a 링크 태그에 높이 여백을 주라는건지? 이해가 안되서요^^; 답변 다시 부탁드립니다.
아니면 예시라도 부탁드려도 되나요?ㅡㅡ;;
상단고정은 맞는데 상황이 저와 좀 다른데 적용이 가능한가요? 막상해볼려니 상황이 좀 틀려서 안될것 같기도하고요;;;
