兄弟、特にブログや Weibo では、ポジショニングの問題が発生する可能性があります。この効果も見られます。そのため、計画を立てるとき、製品スタッフは他の人の効果を求めるでしょう。そして、私たち勤勉な人々がそれを達成する必要があります。 。 成し遂げる。 。 。 。 。仕方がありません、誰が私たちを包囲マスターにしたのでしょう、攻撃しましょう: レンダリングは次のようになります。スクロールバーを引き下げると、黒いブロックの TOP は 0 に固定表示されます。 >コードは次のとおりです: コードをコピーします コードは次のとおりです: < ;!DOCTYPE html> jQuery は、ページのスクロール時にレイヤーのインテリジェントなフローティング位置を実装します ="description" content="" /> <br>*{ margin:0; padding:0;} <br>.top{height:100px; text-align:center;行の高さ:100px;} <br>ボディ { フォント:12px/1.8; 高さ:2000px;} <br>.float{幅:200px; :1px 背景色:# 000;位置:絶対; トップ:150px;} <br></head> 🎜><div class="top">ナビゲーション、ナビゲーション、ナビゲーション</div><br><div class="float" id="float"><br><スクリプトtype="text/javascript"> <br>$.fn.smartFloat = function() { <br>varposition = function(element) { <br>var top = element.position().top, pos = element .css("位置"); <br>$(window).scroll(function() { <br>var スクロール = $(this).scrollTop(); <br>if (スクロール > トップ) { <br>if (window.XMLHttpRequest) { <br>element.css({ <br>position: "fixed", <br>top: 0 <br>}); else { <br>element.css( { <br>top: スクロール <br> }); <br>} <br>}else { <br>element.css({ <br>position: pos, <br>top: トップ <br>}); <br>} <br>}); <br>} return $(this).each(function() { <br>position($(this)); <br> }; <br>//binding<br>$("#float").smartFloat(); <br></div> </html> <br><br> </div>