例: タオバオの商品詳細では、スクロール バーを引き下げると、商品詳細と評価ナビが修正されます。これは現在人気がありますか? Yuanfang さん、私もここでどう思いますか?インターネットでコードを検索したところ、その多くが乱雑で役に立たないことがわかりました。それで、私はコードを自分で書きました。コードは数行しかありませんが、残念ながら、IE6 と互換性のあるサンプルを持っている人がいたら、アドバイスをお願いします。 コードを投稿するだけです。 コードをコピー コードは次のとおりです: デモ <br>$(document).ready(function( ){ <br>var ロード = true; <br>var top = $("#demo").offset().top; <br>function Add_Data() <br>{ <br>varscrolla=$(window) ).scrollTop (); <br>var cha=parseInt(top)-parseInt(scrolla); <br>if(loaded && cha{ <br>$("#demo").removeClass ("demo2 ").addClass("demo1"); <br>$("#demo").html("私は今青いです。スクロール バーを上に引き上げると赤色になります。修正しました。") ; <br>loaded=false; <br>} <br>if(!loaded && Cha>0) <br>{ <br>$("#demo").removeClass("demo1").addClass("demo2" " ; 🎜>} <br>} <br>$(window).scroll(Add_Data); <br>}); <br> .demo <BR>{ <BR>ボーダー: 1px ソリッド #dcdcdc; <BR>マージントップ: 10px;左; <BR>背景色: #ffffff; <BR>高さ: 200px; <BR>.demo1 <BR>位置: 絶対; : 0px; <BR>高さ:200px; <BR>色:#ffffff; >ボーダー: 1px ソリッド #dcdcdc; <BR>マージントップ: 10px; <BR>テキスト整列: 左; <BR>height:200px; <BR>color:#ffffff; <BR></head> "デモ"> <br><div> < /div> <br><div> <br><div class="demo2" id="demo">下にスクロールすると、青色に表示されます。まだ直してないんです。 <br></div> <br><div class="demo"> <br></div> <br><div class="デモ"> <br><div> <br></div> "demo"> <br></body> <br><br> <br>実際には簡単なデモのみを提供します。開発中、デモの内容はまだ変更する必要があります。 <br>オンライン デモ: <br>http://demo.jb51.net/js/2012/scrollfixed/<br><br>添付ファイル: <br>デモのダウンロード<br> </div>
