<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(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&fiposx_foot-_top&fid .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; <BR>var posi = mainpos-fix_foot_pos-10; <fix. {position: "fixed", top: posi}); <BR>} <BR>}); <BR><br><br>/* <BR><br>//方案二<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 = true; <BR>$('#div_right').css('position',''); <BR>} <BR>}); <BR><br><br>*/ <BR><br>}) (jQuery); <br></script> <br><br> </div>
