[jQuery] 떠있는 레이어 만들기 > 기술자료 | 해피정닷컴

[jQuery] 떠있는 레이어 만들기 > 기술자료

본문 바로가기

사이트 내 전체검색

[jQuery] 떠있는 레이어 만들기 > 기술자료

JavaScript [jQuery] 떠있는 레이어 만들기

페이지 정보


본문

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    var currentPosition = parseInt( $(".float_layer").css("top"));
    $(window).scroll(function() {
        var position = $(window).scrollTop();
        $(".float_layer").stop().animate
            ({"top":position+currentPosition+"px"},1000);
    });
});
</script>

<style>
    .float_layer{position:absolute; top:0px; left:0px;}
</style>

<div class="float_layer">
    내용
</div>



참고자료
http://taisou.tistory.com/427 

댓글목록

등록된 댓글이 없습니다.


Total 2,634건 41 페이지
  • RSS
기술자료 목록
1834
JavaScript   11603  2016-10-18 13:52 ~ 2021-02-19 08:23  
1833
JavaScript   12093  2016-10-11 22:39  
1832
WordPress   10406  2016-10-10 16:28  
1831
영카트   11328  2016-10-10 12:48 ~ 2019-04-14 23:00  
1830
PHP   35030  2016-10-06 22:14 ~ 2018-03-30 14:01  
1829
HTML   13989  2016-10-06 11:49  
1828
제로보드   14724  2016-09-30 16:32 ~ 2022-04-15 19:45  
1827
WordPress   17154  2016-09-30 00:40  
1826
WordPress   9436  2016-09-30 00:28 ~ 2020-08-28 12:11  
1825
호스팅   20289  2016-09-26 23:00 ~ 2017-06-05 00:00  
1824
JavaScript   14929  2016-09-22 08:49 ~ 2021-10-19 18:54  
1823
JavaScript   15340  2016-09-19 19:47  
1822
JavaScript   28013  2016-09-19 18:52  
1821
그누보드   16331  2016-09-12 16:29 ~ 2021-02-26 16:55  
1820
Editor   9766  2016-09-10 11:11  
1819
JavaScript   13417  2016-09-09 02:51  
1818
HTML   14184  2016-09-09 00:58 ~ 2016-09-20 00:00  
1817
JavaScript   17798  2016-09-08 00:17  
열람
JavaScript   13093  2016-09-07 16:25 ~ 2016-09-08 00:00  
1815
그누보드   15850  2016-09-06 12:59 ~ 2022-04-18 15:02  

검색

해피정닷컴 정보

회사소개 회사연혁 협력사 오시는길 서비스 이용약관 개인정보 처리방침

회사명: 해피정닷컴   대표: 정창용   전화: 070-7600-3500   팩스: 042-670-8272
주소: (34368) 대전시 대덕구 대화로 160 대전산업용재유통단지 1동 222호
개인정보보호책임자: 정창용   사업자번호: 119-05-36414
통신판매업신고: 제2024-대전대덕-0405호 [사업자등록확인]  
Copyright 2001~2024 해피정닷컴. All Rights Reserved.