現在、多くの Web サイトでは、ページが特定の高さまでスクロールすると、メニュー バーがページの上部に固定されます。実際には、位置の値を変更することです。 html コード: コードをコピー コードは次のとおりです: ="text /css"> .wrapper{width:1000px;height:2000px;margin-left:auto;margin-right:auto;} .header{height:150px;} # nav{パディング :10px;position:relative;top:0;background:black;width:1000px;} a{display:inline-block;margin:0 10px;*display:inline;zoom:1;color:白;} > ;22222 /a> /a> "#" <55555 "text/javascript" src="menuFixed.js"> <br>window.onload = function(){ <br>menuFixed( 'nav' ; コード <br><br><br> コードは次のとおりです。 >var _getHeight = obj.offsetTop ; <br>window.onscroll = function(){ <br>changePos(id,_getHeight); <br>} <br>} <br>function changePos(id,height){ <br>var obj = document.getElementById (id); <br>var rollTop = document.documentElement.scrollTop || <br>if(scrollTop < height){ <br>obj.style.position = 'relative'; <br> }else{ </div>obj.style.position = 'fixed'; <br>} <strong>} </strong><br> <div class="codetitle">最後に、この効果はie6 ではサポートされていないため、ie6 ではサポートされていません。 位置: 修正済み; <span>追記: これらは、暇なときに JavaScript の知識に基づいて何気なく書いたエフェクトです。</span> </div>