jQuery Girl
  1. jQuery Girl
  3. jQuery position div au milieu de la page
Intereting Posts
JSON parsingr plusieurs clés table filtrante avec pagination animer la couleur de fond d’un élément (bloc d’affichage) Jquery Modal Dialog désactive les éléments de formulaire Comment supprimer une partie de la chaîne à l’aide de tableaux Envoyer une URL AJAX dynamic dans Django Comment obtenir des appels jQuery ajax au travail à partir d’événements de page greasemonkey jquery dialog: faire glisser le dialog avec iframe inside La classe à bascule jQuery avec delay ne fonctionne qu’une seule fois Comment empêcher les événements d’être liés plusieurs fois Comment limiter la longueur de caractère d’entrée utilisateur du type d’entrée HTML5 = «numéro»? Jquery Timedatepicker ne fonctionnera pas correctement sur un formulaire dynamic Un message de validation pour plusieurs champs comment transmettre la valeur du contrôle serveur asp.net à l’aide de jQuery? Comment supprimer une DIV environnante avec jQuery?

jQuery position div au milieu de la page

Ok, alors j’ai une div et je veux le positionner au milieu d’une page. Je suis si loin 

$("#a").css('margin-top', '(document).height()/2 - ("#a").height()/2');

Est-ce correct?

** Il ne devrait pas être entre guillemets. En outre, vous devez utiliser la terminologie $() . Essaye ça: 

 $("#a").css('margin-top', $(document).height()/2 - $("#a").height()/2);

Ou même mieux: 

 var $a = $("#a"); $a.css('margin-top', $(document).height()/2 - $a.height()/2);

Edit: Juste pour être clair, vous ne pouvez pas le mettre entre guillemets car il essaiera de définir la propriété margin-top littéralement à cette chaîne. Ce qui est incorrect

Je vous suggère d’utiliser .offset() .

Description: Définissez les coordonnées actuelles de chaque élément de l’ensemble d’éléments correspondants, par rapport au document . 

 $("#a").offset({ top: $(document).height()/2 - $("#a").height()/2, left: $(document).width()/2 - $("#a").width()/2 })

Celui-ci a fonctionné pour moi et pourrait aider: 

 $('html, body').animate( { scrollTop: $('#your_div_id').offset().top-200 }, 1000);

Changez la valeur 200 dans ‘top-200’ pour positionner votre div en fonction de vos besoins.