Copy
<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를 지우면 보이더군요
상단이 고정된 부분 밑에 나오게 하려면 어떻게 해야하나요...
|
답변 1개 / 댓글 1개
채택된 답변
+20 포인트
2022-01-23 (일) 21:41:35
scroll-margin-top: 10px;
해당 id css에 fixed크기만큼 주시면 됩니다
답변에 대한 댓글 1개
답변을 작성하려면 로그인이 필요합니다.