Maison > interface Web > js tutoriel > Effet fixe de navigation implémenté par jquery_jquery

Effet fixe de navigation implémenté par jquery_jquery

WBOY
Libérer: 2016-05-16 16:51:08
original
1116 Les gens l'ont consulté

Effet fixe de navigation implémenté par jquery

Copier le code Le code est le suivant :

1.code jquery, .nav est le classe de navigation
$(function(){
$(window).scroll(function() {
if($(window).scrollTop()>=250){
$(" .nav" ).addClass("fixedNav");
}else{
$(".nav").removeClass("fixedNav");
}
});
} );

2.Code CSS
.fixedNav{
position:fixed;
top:0px;
left:0px;
width:100%;
z-index:100000 ;
_position:absolute;
_top:expression(eval(document.documentElement.scrollTop));
}

3.Code HTML


Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal