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

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

QA

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

답변 1

본문

 


<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>
    <a href="#ref">참조</a>
    <br><br><br>
    <p>
      html 어쩌구 저쩌구 css 저쩌구 어쩌구<br>
      html 어쩌구 저쩌구 css 저쩌구 어쩌구<br>
      html 어쩌구 저쩌구 css 저쩌구 어쩌구<br>
</header>  
    </p>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
    <h1>참조</h1>
    <p id="ref">
      <ol>
        <li>html</li>
        <li>css</li>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
        끝
      </ol>
    </p>
  </body>
</html>

 

위처럼 테스트로 해보면

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

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

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

 

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

 

 

이 질문에 댓글 쓰기 :

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 934
© SIRSOFT
현재 페이지 제일 처음으로