bootstrap의
이럴 때
navbar
를 페이지 제일 상단에 들어가다록 홈페이지를 만들었을 경우 body
에 navbar
의 공간을 공백을 준 뒤 body
의 내용이 나오도록 해야한다.이럴 때
body
스타일에 padding-top
값을 navbar
공간만큼 넣어주는데 예를 들어 다음과 같다
<style>
body { padding-top: 150px }
</style>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
//...
</div>
</nav>
그런데 여기서 anchor(a
) 태그를 써서 책갈피 형태로 페이지 제일 하단에서 페이지 제일 상단으로 보내는 방법을 쓰려하는데 body
에 있는padding-top
값 때문에 원래 지정해놨던 anchor 위치보다 아래로 보여진다.
이럴 땐 다음과 같이 하면 된다
<style>
.section { position: relative }
.section a { position: absolute; top: -150px }
</style>
<body>
//...
<div class="section">
<a name="top"></a>
</div>
참고 사이트 : http://stackoverflow.com/questions/10732690/offsetting-an-html-anchor-to-adjust-for-fixed-header