테스트 사이트 - 개발 중인 베타 버전입니다

상단이 고정된 상태에서 현재 페이지 위치로 이동할경우 채택완료

타버린나무 3년 전 조회 1,483

 

</p>

<p><html>

  <head>

    <meta charset="utf-8">

    <title></title>

  </head>

<body> 

  <header style="position: fixed; top: 0; left:0; right:0; background: white;">  <!-- 상단고정 -->

    <h1>html 페이지 내 이동</h1></p>

<p>    <a href="#ref">참조</a></p>

<p>    




    <p>

      html 어쩌구 저쩌구 css 저쩌구 어쩌구


      html 어쩌구 저쩌구 css 저쩌구 어쩌구


      html 어쩌구 저쩌구 css 저쩌구 어쩌구


</header>  </p>

<p>    </p>

        
















        














</p>

<p>    <h1>참조</h1>

    <p id="ref">

      <ol>

        <li>html</li>

        <li>css</li>

        
















        
















        
















        
















        끝

      </ol>

    </p>

  </body>

</html></p>

<p>

 

위처럼 테스트로 해보면

상단이 고정된 상태에서 참조버튼을 누를경우 

고정된 바로 하단에서 위치가 표시되는게 아니라

맨 위로 올라가버립니다.  background: white를 지우면 보이더군요

 

상단이 고정된 부분 밑에 나오게 하려면 어떻게 해야하나요...

 

 

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

답변 1개

채택된 답변
+20 포인트
3년 전

 

scroll-margin-top: 10px;

 

해당 id css에 fixed크기만큼 주시면 됩니다

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

타버린나무
3년 전
답변 감사합니다.

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

답변을 작성하려면 로그인이 필요합니다.

로그인