일정위치에서 상단으로 스크롤되는 스크립트

<p class="goTop"><a href="#">맨위로</a></p> 

 

---

.goTop {
  width: 42px;
  height: 42px;
  background: #5acbd7;
  border-radius: 50%;
  opacity: 0.7;
  z-index: 100;
  a {
    display: block;
    padding-top: 22px;
    padding-top: 2.2rem;
    color: #fff;
    text-align: center;
    font-size: 11px;
    background: url("../../images/mo/ico_gnb.png") no-repeat 0 0;
    background-size: 320px 400px;
    background-position: -32px -137px;
  }
}
 

---

<script>
$(".goTop").hide();
$('.goTop').click(function(){
$('html, body').animate({scrollTop:0}, 300);
});
$(window).scroll(function(){
var conH = $("footer").height() + 90;
temp = $(window).scrollTop();
if( temp = $(window).scrollTop() ) {
$(".goTop").fadeIn();
} else {
$(".goTop").fadeOut();
}
$(".goTop").css({"position" : "fixed" , "bottom" : conH + "px" , "right" : "5px"});
});
</script>