탑 이동 버튼 만들기

웹 페이지 탑으로 이동하는 버튼 만들기.

<!-- 탑 이동 버튼 -->
<a href="#" class="btn_gotop">
  <span class="glyphicon glyphicon-chevron-up">
  </span>
</a>

<!-- 버튼 css -->
<style>
.btn_gotop {
	display:none;
	position:fixed;
	bottom:30px;
	right:30px;
	z-index:999;
	border:1px solid #ccc;
	outline:none;
	background-color:white;
	color:#333;
	cursor:pointer;
	padding:15px 20px;
	border-radius:100%;
}
</style>

<!-- 버튼 js-->
<script>
$(window).scroll(function(){
	if ($(this).scrollTop() > 300){
		$('.btn_gotop').show();
	} else{
		$('.btn_gotop').hide();
	}
});
$('.btn_gotop').click(function(){
	$('html, body').animate({scrollTop:0},400);
	return false;
});
</script>

 

 

.

.

 

<-- 다른 블로그도 참조 -->

 

https://gurtn.tistory.com/137

[JS] 페이지 상단(하단)으로 이동하는 버튼 구현하기