scroll 상단으로 > 기술자료

본문 바로가기
사이트 내 전체검색

기술자료

JavaScript scroll 상단으로

페이지 정보

댓글 0건 조회 1,013회 작성일 2018-07-23 14:43 ~ 2018-07-23 16:45

본문

css_scroll_top_20180723.png

<script src="//code.jquery.com/jquery-1.12.4.min.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="//use.fontawesome.com/releases/v5.1.1/css/all.css" crossorigin="anonymous">
<style>
#top_btn {position:fixed;bottom:20px;right:20px;width:66px;height:66px;line-height:46px;border:0px solid #333;color:#ffffff;text-align:center;font-size:18px; line-height:20px; z-index:90;background:rgba(58,57,57,1)}
#top_btn:hover{border-color:#3059c7;background:#3059c7;color:#fff}
#top_btn .fa-angle-up { font-size:27px; padding-top:10px; line-height:0px; }
.sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important}
</style>
<button type="button" id="top_btn"><i class="fas fa-angle-up" aria-hidden="true"></i><br>TOP<span class="sound_only">상단으로</span></button>
<script>

$(function() {
    $("#top_btn").on("click", function() {
        $("html, body").animate({scrollTop:0}, '500');
        return false;
    });
});
</script>
  • 트위터로 보내기
  • 페이스북으로 보내기
  • 구글플러스로 보내기
  • 카카오톡으로 보내기

댓글목록

등록된 댓글이 없습니다.


Total 2,334건 1 페이지

기술자료 목록
제목
공지 일반   17444  2001-08-31 11:52 ~ 2017-12-05 16:33  
2333 그누보드   46  2019-07-18 08:01 ~ 2019-07-18 08:44  
2332 HTML   36  2019-07-15 18:13 ~ 2019-07-15 22:48  
2331 PHP   278  2019-05-02 02:33 ~ 2019-05-02 02:38  
2330 JavaScript   263  2019-05-02 02:10  
2329 그누보드   361  2019-04-25 09:02 ~ 2019-04-25 09:19  
2328 그누보드   464  2019-04-22 23:56  
2327 HTML   490  2019-04-16 11:40  
2326 영카트   502  2019-04-14 22:24  
2325 HTML   911  2019-04-02 00:12 ~ 2019-04-02 01:17  
2324 그누보드   881  2019-03-22 14:25  
2323 전자결제   1523  2019-02-18 11:47  
2322 그누보드   1421  2019-02-16 01:51 ~ 2019-02-17 14:00  
2321 PHP   1413  2019-02-13 21:01  
2320 JavaScript   1383  2019-02-08 18:37 ~ 2019-02-08 19:32  
2319 그누보드   1448  2019-02-08 16:47 ~ 2019-02-08 16:54  
2318 그누보드   1477  2019-01-31 18:45 ~ 2019-01-31 18:52  
2317 PHP   1296  2019-01-31 18:26 ~ 2019-01-31 18:38  
2316 PHP   1682  2019-01-23 17:50  
2315 PHP   1379  2019-01-23 15:38  

게시물 검색
계좌이체 or 신용카드 결제하기
해피정닷컴으로 대금결제를 할 수 있습니다

접속자집계

오늘
2,260
어제
2,399
최대
3,306
전체
4,935,527

회사명: 해피정닷컴   사업자번호: 119-05-36414   전화: 070-7600-3500   팩스: 02-865-3528   주소: 08394 서울시 구로구 디지털로 242 한화비즈메트로1차 1502호
대표: 정창용   개인정보보호책임자: 정창용   통신판매업신고번호: 2014-서울구로-0074 [사업자등록정보확인]   건강기능식품영업신고번호 제2018-0080452호
Copyright 2001~2019 해피정닷컴. All Rights Reserved.