2011-10-21 11 views

Respuesta

1

actualiza después de comentario Si el ancho del cuerpo no supere ventana del navegador:
Desplazamiento dentro de un elemento:

var elem = document.getElementById("container"); //div#container 
var elemWidth = elem.scrollWidth; 
var elemVisibleWidth = elem.offsetWidth; 
elem.scrollLeft = (elemWidth - elemVisibleWidth)/2; 


Usar este código verticalmente & Centrar horizontalmente una página (ver también: this answer):

window.scrollTo(
    (document.body.offsetWidth -window.innerWidth)/2, 
    (document.body.offsetHeight-window.innerHeight)/2 
); 

Solo ce nter horizontal, utilice:

window.scrollTo((document.body.offsetWidth -window.innerWidth)/2, 0); 
+0

'window.inner (Ancho/Alto)' no es compatible con IE hasta la versión 8. Su primera respuesta con 'documentElement' funciona mejor en realidad. – nfechner

+0

@nfechner Para obtener una explicación más detallada sobre cómo implementar 'document.documentElement' de esta manera, vea mi otra respuesta en: http://stackoverflow.com/questions/7462611/center-a-one-page-horizontally-scrolling -site-in-browser-not-centering-a-div/7462737 # 7462737 –

+0

Tengo mi contenido dentro de un contenedor div #. Entonces, ¿todavía puedo usar scrollTo()? – Jatin

0

utilizar la función JavaScript scrollTo en caso onload. Para obtener más información sobre cómo obtener el tamaño de ventana actual, consulte this article.

0

una posibilidad es utilizar Javascript scrollto al cargar la página (simplemente poner esto en su onload o domready -Evento):

window.onload = function(){ 
    window.scrollTo(100, 100); // (X,Y) 
} 

acaba de establecer la valores X/Y a los que necesita.

Cuestiones relacionadas