본문으로 바로가기
bootstrap의 navbar를 페이지 제일 상단에 들어가다록 홈페이지를 만들었을 경우
bodynavbar의 공간을 공백을 준 뒤 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


댓글을 달아 주세요