<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; <BR>ele_fix.css({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> </div>
