ホームページ > ウェブフロントエンド > jsチュートリアル > jquery_jquery によって実装されたナビゲーションの修正効果

jquery_jquery によって実装されたナビゲーションの修正効果

WBOY
リリース: 2016-05-16 16:51:08
オリジナル
1098 人が閲覧しました

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 コード


関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート