javascript centre horizontal

J'essaie d'utiliser le script java pour centrer une page horizontalement.javascript centre horizontal

Jusqu'à présent, j'ai obtenu ceci:

<body onload="scrollBy((document.body['scrollWidth'] - 0)/2, 0)">

Il fonctionne un peu, mais pas très bon. J'ai un composant flash de grande largeur dont j'ai besoin centré lorsque la page se charge et aussi après tout clic sur les boutons internes.

Je pensais faire un appel de flash vers un javascript qui ferait défiler la page vers une ancre HTML.

Quelque chose le long des lignes de:

<script type="text/javascript"> 
function pageMid() { 
window.location.href="#mid" 
} 
</script>

Mais les ancres ne sont pas alignés au milieu.

Des idées?

Merci.

Source

2010-02-16 Minbot

Cela a fonctionné:

<script type="text/javascript"> 
function pageMid() { 
scrollTo(1000, 0); 
} 
</script> 

<body onload="pageMid();">

Maintenant, je ne peux pas tout simplement le découvrir sur comment appeler cela de catalyseur flash ...

Source

2010-02-16 17:54:30 Minbot

On dirait que vous voulez centrer l'élément verticalement, et non horizontalement. Si vous connaissez la taille de l'élément que vous essayez de centre, utilisez CSS:

<style> 
#myThing { 
    height: 300px; 
    width: 400px; 
    position:absolute; 
    top:50%; 
    left:50%; 
    margin-top:-150px; 
    margin-left:-200px; 
} 
</style> 

<div id="myThing"></div>

Source

2010-02-16 20:49:02

Merci, mais j'essaie de l'obtenir au centre horizontalement :) – Minbot

Cela devrait faire ce que vous voulez avec CSS. Remplacez le div rectangulaire de votre choix par le corps: –

Cela fonctionne

$(function() { 
    scrollTo(($(document).width() - $(window).width())/2, 0); 
});

Edit:
J'ai eu 2 downvotes pour cela. Peut-être parce que je n'ai pas précisé que cette solution nécessite jQuery?

Source

2012-03-31 07:54:23 Bassem

javascript centre horizontal

Répondre

Questions connexes