ホームページ >ウェブフロントエンド >jsチュートリアル >jquery_jquery によって実装されたナビゲーションの修正効果
jquery_jquery によって実装されたナビゲーションの修正効果
- WBOYオリジナル
- 2016-05-16 16:51:081099ブラウズ
jquery によって実装されたナビゲーションの固定効果
コードをコピー コードは次のとおりです。
1.jquery コード、.nav はナビゲーション クラス
$(function(){
$(window).scroll(function() {
if($(window).scrollTop()>=250){
$(" .nav" ).addClass("fixedNav");
}else{
$(".nav").removeClass("fixedNav");
}
});
} );
2.CSS コード
.fixedNav{
位置:固定;
上:0px;
左:0px;
幅:100%;
z-index:100000 ;
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop));
}
3.HTML コード
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。