공개 게시판 > 공부

Business
- Business
Information
- Information
Study
- IONIC REACT PHP GNU MySQL ASP .NET MsSQL Html CSS Script SEO DNS JQuery Eng
book
- book
free
- free

:: 글답변 ::

이 름

패스워드

이메일

홈페이지

옵 션

html

분 류

제 목

>
>
> <!doctype html>
> <html lang="ko">
>   <head>
>     <meta charset="utf-8">
>     <title>jQuery Tip</title>
>     <style>
>       div.a {
>         margin: auto;
>         width: 500px;
>         height: 2000px;
>         border: 1px solid #bcbcbc;
>       }
>       a.top {
>         position: fixed;
>         left: 50%;
>         bottom: 50px;
>         display: none;
>       }
>     </style>
>     <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
>     <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>
>   </head>
>   <body>
>     <div class="a">
>       <a href="#" class="top">Top</a>
>     </div>
>   </body>
> </html>
>

링크 #1

링크 #2

파일첨부

왼쪽의 글자를 입력하세요.