맨 위로(Top) 버튼

· 2016-08-21 (일) 21:19:29 · 3876

<div id="<?=$uid=uniqid()?>">
    <img src="https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRyjSgmd0Hx9rY7AsO7LFDsU0w9RFELuxrh6DBExerWVTMDzt2NUw">
</div>

<script>
$(function() {
    var $uid = $('#<?=$uid?>');
   
    $uid.css({
        position:'fixed',
        right:'50px',
        bottom:'50px',
        zIndex:'999999'
    }).hide().find('>img').css({
        cursor:'pointer'
    }).click(function() {
        scrollTo(0, 0);
    });
   
    $(window).scroll(function() {
        var y = $(window).scrollTop();
        if (y > 300 && $uid.is(':hidden'))
            $uid.fadeIn('slow');
        else if (y < 300 && $uid.is(':visible'))
            $uid.fadeOut('slow');
    });
});
</script> 

|
댓글을 작성하시려면 로그인이 필요합니다.

개발자팁

5,403건

개발과 관련된 유용한 정보를 공유하세요. 질문은 QA에서 해주시기 바랍니다.

+
분류 제목 글쓴이 날짜 조회
PHP 16-10-10 조회 3,831
PHP 16-10-10 조회 3,475
PHP 16-10-06 조회 3,471
PHP 16-10-06 조회 4,707
PHP 16-10-06 조회 3,591
PHP 16-09-28 조회 3,512
jQuery 16-09-28 조회 4,648
PHP 16-09-27 조회 3,294
PHP 16-09-27 조회 4,531
웹서버 16-09-27 조회 3,547
JavaScript 16-09-23 조회 4,168
기타 16-09-20 조회 4,923
PHP 16-09-20 조회 4,301
기타 16-09-19 조회 5,412
JavaScript 16-09-17 조회 3,653
웹서버 16-09-15 조회 3,456
기타 16-09-01 조회 3,947
JavaScript 16-08-30 조회 3,505
node.js 16-08-23 조회 4,233
jQuery 16-08-21 조회 3,877
JavaScript 16-08-18 조회 5,442
PHP 16-08-11 조회 3,623
PHP 16-08-10 조회 4,044
JavaScript 16-08-09 조회 6,152
jQuery 16-08-05 조회 5,222
PHP 16-08-05 조회 1.5만
PHP 16-08-04 조회 7,248
jQuery 16-08-03 조회 3,857
PHP 16-08-03 조회 3,236
JavaScript 16-08-03 조회 6,419