상단이 고정된 상태에서 현재 페이지 위치로 이동할경우
본문
<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를 지우면 보이더군요
상단이 고정된 부분 밑에 나오게 하려면 어떻게 해야하나요...
답변을 작성하시기 전에 로그인 해주세요.
