완벽한 해결방법은 아니지만,
현 상황을 기준으로, footer가 46px를 차지하고 있으므로 마지막 본문의 article에 margin-bottom: 46px를 적용합니다.
body에 padding-bottom을 주는 방법도 있으나, 잘 먹히지 않아 개발자도구만 보고 간단히 뜯어보기에는 오래걸릴것 같아 한번 연구해보시면 될것 같습니다.
더불어 개별 article 들을 통틀어 상위 div로 묶고, 그 부분에 margin-bottom: 46px를 준다면 더 좋을것 같습니다.
article:nth-last-child() {
margin-bottom: 46px;
}
https://codepen.io/catgarret/pen/yLLqyyG
@haeeun 님이 javascript 질문 에서 보낸 메세지:
뒤로가기는 풀고 앞으로 가기만 막을 수 있는 방법이 있을까요?
안녕하세요, 앞으로가기 페이지는 결국 현재 페이지에서 이전 페이지로 넘어갔을 때, 위치를 토대로 앞으로 가기 페이지 버튼이 활성화 되는 방식입니다.
예시 :
네이버 -> 다음 -> 구름IDE 뒤로가기 클릭 -> 다음 이 때 앞으로 가기 버튼이 활성화
그래서 결과적으로는 결국 뒤로가기가 막힌 페이지에서는 앞으로가기 기능을 쓸 수 없지 않을까로 예상됩니다.
혹시나 하고 앞/뒤로가기 버튼 비활성화 코드도 올리겠습니다.
index.html
<script type="text/javascript">
function move(){
location.replace("/index2.html");
}
</script>
<body>
index 페이지 입니다.<br/><br/>
<a href="javascript:move();">index2.html 로 이동</a>
</body>
index2.html
<script type="text/javascript">
function move(){
location.replace("/index.html");
}
</script>
<body>
index2 페이지 입니다.<br/><br/>
<a href="javascript:move();">index.html 로 이동</a>
</body>
