2012-08-07 11 views
5

en mi vista móvil de mi página web puedo desplazarme en dirección vertical y horizontal, pero esto siempre comienza en la esquina superior izquierda. Ahora quiero establecer la ventana gráfica en mi posición personalizada con window.scrollTo o algo equivalente. window.scroll parece funcionar solo para el navegador de escritorio.window.scrollTo no funciona en teléfonos móviles

¿Alguna idea de cómo podría resolver eso?

+0

favor ser más específico en cuanto a lo que su tema es. 'window.scrollTo (x, y);' funciona perfectamente bien si su contenido es lo suficientemente grande. –

+0

Mi dom se ve así

ahora puedo desplazar dentro de la imagen en el navegador móvil y de escritorio. pero cuando estoy en una posición de inicio diferente, cuando miro la imagen trato de usar la ventana. scrollTo (x, y); pero esto funciona solo en el escritorio que no está en el navegador mobil. – Safari

+0

Proporcione un caso de prueba completo con html, css y JavaScript. Sin saber qué tan grande es su imagen o cómo son las dimensiones de su contenido, no hay posibilidad de evaluar dónde está el problema. –

Respuesta

3

Lo tengo finalmente trabajando.

que tenía que utilizar, además, la función setTimeout

setTimeout(window.scrollTo(x,y),100); 
+2

Debe usar Eventos en lugar de tiempos de espera. por ejemplo Event.observe (window, 'load', function() { window.scrollTo (x, x); }) –

+0

setTimeout solucionó este mismo problema también para mí. Comportamiento muy extraño ... – patrickfox

+0

No creo que su código sea correcto, de hecho window.scrollTo no se llamará después de 100 ms, pero de inmediato. Debería usar lo siguiente: '' 'JavaScriptsetTimeout (function() {window.scrollTo (x, y);}, 100);' '' –

0

Como dije en mi comentario, esto funciona si su contenido es suficientemente grande. Esto significa más grande que la ventana gráfica. Sin saber detalles, ¿buscó establecer la metaetiqueta de la ventana gráfica?

<meta name="viewport" content="width=device-width, initial-scale=1.0"> 

Ahora, si su contenido div o imagen o lo sobrepasan el tamaño de la anchura de visualización (320 inmersiones en el iPhone) se puede desplazar en el eje x. Lo mismo es cierto para el eje y con diferentes valores.

+0

ya tengo esta metaetiqueta para la ventana gráfica las imágenes que uso son de aproximadamente 800x1000 px de ancho. entonces son más grandes que la ventana gráfica, pero la función scrollTo todavía no funciona – Safari

+0

Mira, es difícil adivinar si no se brinda el contexto completo;) –

+0

ok. ver. cuando quiero ver mi foto ampliada dentro de mi página web, luego carga la versión grande de la grande y luego quiero la posición de la foto, donde el usuario tabuló antes. los valores del punto son correctos. así que uso: window.scrollTo (point.x, point.y); dentro de la función InitZoom. – Safari

Cuestiones relacionadas