본문 바로가기
FRONT

jQuery / 맨 위로 올라가는 탑버튼 만들기.

by 홀로수키 2020. 10. 13.

참고 사이트

www.codingfactory.net/10676

 

jQuery / 맨 위로 부드럽게 이동하는 링크 만들기

사이트의 메뉴는 보통 맨 위에 있습니다. 내용이 긴 문서를 읽은 후 다시 메뉴로 가려면 한참 스크롤을 해야 하는 불편이 있습니다. 이 불편을 없애기 위해 맨 위로 가는 링크를 제공하는 곳이 ��

www.codingfactory.net

 

- jQuery 작성 -

<script>
      $( document ).ready( function() {
        $( window ).scroll( function() {
          if ( $( this ).scrollTop() > 200 ) {
            $( '.top' ).fadeIn();
          } else {
            $( '.top' ).fadeOut();
          }
        } );
        $( '.top' ).click( function() {
          $( 'html, body' ).animate( { scrollTop : 0 }, 400 );
          return false;
        } );
      } );
 </script>

 

 

'FRONT' 카테고리의 다른 글

jQuery/제이쿼리 사용해서 스크롤 시 메뉴 고정  (0) 2020.10.14