2012-02-16 26 views
5

Estoy intentando crear una aplicación PhoneGap para Windows Phone 7. Para imitar una barra de aplicación que siempre debería estar visible en el lado izquierdo de la pantalla en orientación horizontal, quería colocar un <div> con CSS como position:fixed. Sin embargo, esto no funciona, porque el IE en WP7 parece no ser compatible.posición: arreglado en Windows Phone 7

¿Alguien tiene una idea de cómo puedo mostrar dicha barra de aplicaciones sin tener position:fixed disponible?

Gracias de antemano

Respuesta

4

También estaba pendiente de este problema. Parece que no es posible crear un elemento fijo y colocar elementos después de que cada desplazamiento se ve aún peor (pruebe los ejemplos en línea de jquery para dispositivos móviles en su teléfono que lo hacen de esta manera).

"resolví" el problema usando un contenedor div para mi contenido no fijo con style = "overflow: scroll" y tamaño fijo. Esto funcionó para mí. Pero desplazarse en este contenedor no se parece al desplazamiento nativo.

Espero que ayude

1

He conseguido resolver el problema en mi teléfono Windows 8 (Lumia 930).

Tengo una ventana modal y cuando se abre en el móvil debe permanecer en el punto de vista y desplazarse dentro. Android y iPhone funcionaban bien con la posición fija, pero el teléfono ganador no.

Mi solución era poner clase activa en html cuando el modal está activo y añadir esto a css:

html.modal_active{ 
    overflow-y: hidden;-webkit-overflow-scrolling:touch; position: absolute; height: 100%; width: 100%; 
    body{overflow-y: hidden;-webkit-overflow-scrolling:touch; position: absolute; height: 100%; width: 100%;} 
} 

Este html posicionamiento y el cuerpo para absoluta cuando se abre modal resolvió el problema. Espero que haya sido de ayuda!