탑버튼 초간단 넣기~~~~

<!-- 상단으로 이동하기 버튼 -->
<a href="#" class="btn_gotop">
  <span class="glyphicon glyphicon-chevron-up">
  </span>
</a>


<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>


<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>

소스코드를 붙여넣고

옵션 수치변경과 이미지를 넣어서

더욱 보기좋게 만들 수 있겠다

 

 

  <span class="glyphicon glyphicon-chevron-up">
  </span>

요것을 자신이 원하는 이미지나 텍스트로

디자인하면 되겠다

 

훌룡한 정보를 알게된 곳:

https://help.campaignus.me/article/272-topbutton

[코드활용팁] 상단 이동 스크롤 버튼 만들기 (탑버튼) - 캠페이너스 도움말 센터