맨 위로(Top) 버튼

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

<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,808
PHP 16-10-10 조회 3,464
PHP 16-10-06 조회 3,451
PHP 16-10-06 조회 4,686
PHP 16-10-06 조회 3,572
PHP 16-09-28 조회 3,495
jQuery 16-09-28 조회 4,625
PHP 16-09-27 조회 3,254
PHP 16-09-27 조회 4,510
웹서버 16-09-27 조회 3,532
JavaScript 16-09-23 조회 4,135
기타 16-09-20 조회 4,891
PHP 16-09-20 조회 4,265
기타 16-09-19 조회 5,383
JavaScript 16-09-17 조회 3,625
웹서버 16-09-15 조회 3,421
기타 16-09-01 조회 3,936
JavaScript 16-08-30 조회 3,490
node.js 16-08-23 조회 4,214
jQuery 16-08-21 조회 3,862
JavaScript 16-08-18 조회 5,425
PHP 16-08-11 조회 3,607
PHP 16-08-10 조회 4,030
JavaScript 16-08-09 조회 6,137
jQuery 16-08-05 조회 5,211
PHP 16-08-05 조회 1.5만
PHP 16-08-04 조회 7,233
jQuery 16-08-03 조회 3,836
PHP 16-08-03 조회 3,219
JavaScript 16-08-03 조회 6,400