Estoy tratando de crear una página horizontal desplazamiento y quiero la página para abrir con barra de desplazamiento en el medio para que el usuario tiene la opción para desplazarse en las direcciones izquierda y derecha (de forma predeterminada se abre con la barra de desplazamiento a la izquierda). ¿Cómo puedo hacer eso?¿Cómo puedo hacer para asegurar que una página web se abre con la barra de desplazamiento en el medio
5
A
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
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
Cuestiones relacionadas
- 1. La barra de desplazamiento no aparece en la página web
- 2. ¿Cómo puedo ubicar una página web en el medio de la pantalla?
- 3. ¿Cómo puedo hacer que una barra de desplazamiento solo se desplace a intervalos fijos?
- 4. ¿cómo puedo hacer que una barra de desplazamiento html comience en la parte inferior?
- 5. ¿Cómo hacer que una página web móvil no se reduzca?
- 6. ¿Cómo hacer que div se convierta en un contenedor con barra de desplazamiento?
- 7. ¿Cómo puedo detectar que el cliente se desplaza hacia la parte superior o inferior de una página web?
- 8. ¿Cómo hacer un menú emergente con la barra de desplazamiento?
- 9. Desplazamiento vertical suave de la página con la rueda del mouse y la barra de desplazamiento
- 10. ¿Cómo bloquear el desplazamiento de una página web temporalmente?
- 11. Cómo hacer desplazamiento modal con la página principal
- 12. ¿Cómo se abre el navegador web Eclipse?
- 13. HTML: Hacer que un enlace conduzca al ancla centrado en el medio de la página
- 14. cómo hacer la versión imprimible de una página web?
- 15. Cómo implementar la barra de desplazamiento con el pulgar para un desplazamiento rápido
- 16. ¿Abre una página html en el navegador predeterminado con VBA?
- 17. ¿Cómo hacer que el desplazamiento automático de JTextPane solo se realice cuando la barra de desplazamiento está en la parte inferior y el bloqueo de desplazamiento está desactivado?
- 18. CSS: la barra de desplazamiento para el eje y causa la barra de desplazamiento para el eje x
- 19. ¿Cómo puedo hacer que una página HTML se imprima en horizontal cuando el usuario selecciona 'imprimir'?
- 20. ¿El iPhone admite cookies cuando se abre una página web en modo de pantalla completa?
- 21. Mantener una página web centrada cuando la barra de desplazamiento del navegador aparece y desaparece
- 22. En Python 3.2, puedo abrir y leer una página web HTTPS con http.client, pero urllib.request no abre la misma página
- 23. ¿Cómo puedo hacer que la página shift + barra espaciadora aparezca en Vim?
- 24. Cómo hacer un marcador de posición de barra de desplazamiento
- 25. Crear barra de herramientas estática en la página web que sigue scroll en HTML
- 26. ¿Cómo se visualiza la barra de desplazamiento para UITextView siempre?
- 27. ¿Cómo puedo hacer que el desplazamiento de página desencadene sucesos mouseover?
- 28. Mostrar siempre la barra de desplazamiento del navegador para evitar que la página saltar
- 29. Desplazamiento de la barra de desplazamiento del navegador
- 30. ¿Cómo puedo detectar cuándo se carga una página web?
'window.inner (Ancho/Alto)' no es compatible con IE hasta la versión 8. Su primera respuesta con 'documentElement' funciona mejor en realidad. – nfechner
@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 –
Tengo mi contenido dentro de un contenedor div #. Entonces, ¿todavía puedo usar scrollTo()? – Jatin