Jquery CSS Comment Utiliser Margin: 0 auto
Je suis nouveau sur Jquery. Je veux savoir comment peut-on utiliser margin: 0 auto; code CSS jquery dans le script. Quelqu'un pourrait-il svp m'aider? Voici le code:
<style>
#fixed-bar {
padding: 0;
background-color: black;
z-index: 100;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js'></script>
<script>
$(function () {
$("#fixed-bar")
.css({
"position": "fixed",
"width": "960px",
"margin": "0 auto",
"top": "0px",
})
.hide();
$(window).scroll(function () {
if ($(this).scrollTop() > 400) {
$('#fixed-bar').fadeIn(200);
} else {
$('#fixed-bar').fadeOut(200);
}
});
});
</script>
<div id='fixed-bar'>
Hello
</div>
En fait, je veux le centre de la barre. Comment puis-je faire cela?
- Pourquoi essayez-vous de style de la barre avec jQuery? Si possible, vous devriez garder vos styles CSS.
- Vous voulez centrer la barre horizontale ou à la veritcally?
- Je ne suis pas en mesure de centre de la barre. Pouvez-vous s'il vous plaît poster le code de travail, que ce soit avec les CSS ou le style de la barre avec jquery? Je vous remercie de votre aide.
- Horizontalement
- Il est temps pour vous d'évaluer les différences entre le réglage de votre style avec CSS et à l'aide de jQuery/JavaScript pour sur-monter un style CSS.
Vous devez vous connecter pour publier un commentaire.
Vous êtes à la mise en corriger.
Mais vous ne pouvez pas centre un élément avec
margin: auto
qui aposition: fixed
:Centre une position:élément fixe
Vous pourriez aussi le faire avec jQuery:
Utilisation de jQuery pour centrer une DIV sur l'écran
Vous ne pouvez pas utiliser d'abréviation CSS avec jQuery, vous devez définir chaque marge séparément.
Vous pouvez essayer ceci :
HTML:
CSS:
JavaScript:
De cette façon, votre élément sera centrée horizontalement, indépendamment de la taille de l'écran. N'oubliez pas d'inclure jQuery dans votre code HTML.
Il y a de meilleurs moyens pour centrer une div à l'aide de jQuery, telles que le réglage à la position absolue et de trouver sa largeur, les fenêtres de la largeur et de réglage du décalage basé sur ces chiffres:
margin: 0 auto
fonctionne sans celle du parent ayant text-align:center. L'élément en question a juste besoin d'avoir déclaré la largeur est tout.