<div class="codetitle"> <span><a style="CURSOR: pointer" data="2257" class="copybut" id="copybut2257" onclick="doCopy('code2257')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다.</div> <div class="codebody" id="code2257"> <br><script type="text/javascript"> <br> (function($){ <br>var ele_fix = $("#div_right"); //플로팅 창<br>var _main = $(".main"); //플로팅 영역<br>var ele_offset_top = ele_fix.offset().top; //부동 영역 높이<br>$(window).scroll(function(){ <br>var scro_top = $(this).scrollTop(); //현재 높이<br> var fix_foot_pos =parseInt(ele_fix.height())parseInt(scro_top)-10; //플로팅 박스의 하단에서 상단까지의 높이<br>var mainpos =parseInt(_main.offset().top)parseInt( _main.height()); <br>if(scro_top <= ele_offset_top&&fix_foot_pos<mainpos){ <BR>ele_fix.css({position: "static", top: -10}) <BR>}else if(scro_top> ;ele_offset_top&&fix_foot_pos<mainpos){ <BR>ele_fix.css({position: "fixed", top: -10}) <BR>}else if(scro_top>ele_offset_top&&fix_foot_pos>mainpos){ <br>var posi = mainpos-fix_foot_pos -10; ele_fix .css({위치: "고정", 위쪽: 위치}) <br><br><br>/* <br><br> //옵션 2<br> $(window).bind("scroll",function() { <br>var temp = '1165'; <br>//아래로 스크롤할지 판단<br>if ($(document) .scrollTop() > temp ) { //이 높이보다 크면 맨 위에 놓습니다. <br>flag = false <br>$('#div_right').css({'position':'fixed; ', 'top':'-10px', ' margin-top':'0px'}); <br>} <br><br>if ($(document).scrollTop() <= temp) { / /이 높이보다 작으면 원래 상태로 돌아갑니다<BR>flag = <br>$('#div_right').css('position',''); ); <br><BR><BR>*/ <BR> <BR>})(jQuery) <br></script></div>
