<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 var posi = mainpos-fix_foot_pos -10; <br>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() flag = true <br>$('#div_right').css('position',''); <br>} <br>} ); <br><br><br>*/ <br> <br>})(jQuery);</div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
