본문 바로가기
Never Ending Study/JAVASCRIPT

Jquery Scroll To Top

by 건방진참새 2018. 3. 27.

$(document).ready(function(){ 

$('body').append('<div id="toTop" class="btn btn-info"  style="position: fixed;bottom: 40px;right: 40px;cursor: pointer;display: none;"><span class="glyphicon glyphicon-chevron-up"></span></div>');

  $(window).scroll(function () { 

if ($(this).scrollTop() != 0) {

$('#toTop').fadeIn();

} else {

$('#toTop').fadeOut();

}

}); 


$('#toTop').click(function(){ 

      $('html, body').animate({ scrollTop: 0 }, 600);  

      return false;

});

  

});

 

'Never Ending Study > JAVASCRIPT' 카테고리의 다른 글

CLOSE DIV ON CLICK OUTSIDE OF IT  (0) 2019.01.08
날짜 형식 및 세부적으로 가져오기  (0) 2018.12.27
ajax 통신 간소화  (0) 2018.12.10
ajax charset 설정하여 POST 하기  (0) 2018.04.03
JS 배열 순서 sort 하기  (0) 2018.03.30