2026, 새로운 도약을 시작합니다.

상단메뉴 고정(fixed) 후 페이지 내에서 이동시 위치 안맞을때

상단메뉴 고정후에 (fixed) 앵커(anchor)을 이용하셔서 
페이지내에 이동을 하면 상단이 잘리는 경우가 있습니다 

그때 아래와 같이 하시면 상단이 안 잘리고 나오게 됩니다 

<ul>
  <li><a href="#link1">link1</a></li>
  <li><a href="#link2">link2</a></li>
  <li><a href="#link3">link3</a></li>
</ul>
위와 같이 페이지내에 링크를 걸고

아래와 같이 페이지로 연결시에 
<div class="link" id="link1"></div>
.....
<div class="link" id="link2"></div>
.....
<div class="link" id="link3"></div>

아래와 같이  span 을 추가하시고 아이디 값을 변경하신후
<span class="anchor" id="link1"></span>
<div class="link" id="link1con"></div>
.....
<span class="anchor" id="link2"></span>
<div class="link" id="link2con"></div>
.....
<span class="anchor" id="link2"></span>
<div class="link" id="link3con"></div>

아래와 같이 스타일일을 적용해 주시면 됩니다 
<style>
.anchor{
    display: block;
    height: 131px; /*고정헤더와 동일한 높이*/
    margin-top: -131px; /*고정헤더와 동일한높이*/
    visibility: hidden;
}
</style>
 

|

댓글 3개

좋은 정보 감사합니다~
좋은 정보 감사합니다

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

그누보드5 팁자료실

번호 제목 글쓴이 날짜 조회
공지 3년 전 조회 4,598
2741 4일 전 조회 125
2740 5일 전 조회 112
2739 1주 전 조회 212
2738 1주 전 조회 221
2737 1주 전 조회 184
2736 2주 전 조회 282
2735 3주 전 조회 288
2734 3주 전 조회 264
2733 1개월 전 조회 267
2732 1개월 전 조회 302
2731 1개월 전 조회 269
2730 1개월 전 조회 227
2729 1개월 전 조회 359
2728 1개월 전 조회 245
2727 1개월 전 조회 422
2726 1개월 전 조회 259
2725 1개월 전 조회 332
2724 1개월 전 조회 363
2723 1개월 전 조회 267
2722 1개월 전 조회 300
2721 1개월 전 조회 214
2720 2개월 전 조회 304
2719 2개월 전 조회 308
2718 2개월 전 조회 202
2717 2개월 전 조회 337
2716 2개월 전 조회 203
2715 2개월 전 조회 313
2714 2개월 전 조회 273
2713 2개월 전 조회 377
2712 2개월 전 조회 289
🐛 버그신고