Desplazamiento y zoom con entrada táctil y de otro tipo

Además de basarse en la funcionalidad de control preciso de desplazamiento y zoom táctil que se incorporó por primera vez en Internet Explorer 10 y las aplicaciones de la Tienda Windows para Windows 8, Internet Explorer 11 en Windows 8.1 agrega compatibilidad con otros tipos de entrada (como panel táctil, mouse y teclado) e incluye un nuevo método para los efectos de desplazamiento y zoom animados..

Importante  Esta característica no se admite en IE11 en Windows 7.

Esta funcionalidad la proporciona la API de manipulación directa de Windows, pero queda expuesta a tus páginas web y aplicaciones a través de una serie de propiedades CSS y propiedades y métodos del DOM (como msContentZoomFactor y msZoomTo). Con la manipulación directa, el sistema procesa la entrada táctil y ofrece animaciones de comentarios interactivos integrados en un subproceso delegado, lo que libera al subproceso de interfaz de usuario de responder a los scripts y animaciones generadas por scripts de la aplicación web.

El método msZoomTo

El nuevo método msZoomTo desplaza y/o aplica el zoom a un elemento en su coordenada especificada mediante animación. Proporciona una manera fácil y de buen rendimiento para implementar navegación con desplazamiento animado y para lograr efectos de zoom semántico en tus sitios web y aplicaciones de la Tienda Windows con JavaScript. En las aplicaciones de la Tienda Windows con JavaScript, este método se usa para el control FlipView, la barra de la aplicación y escenarios de paginación.

Por ejemplo, puedes usar msZoomTo para acerca un elemento mientras lo mantienes centrado en la ventanilla:


var args = {
    contentX: target.offsetLeft + target.offsetWidth/2;
    contentY: target.offsetTop + target.offsetHeight/2;
    scaleFactor: 2.0;
}
zoomer.msZoomTo(args); 


Desplazamiento, movimiento panorámico y zoom precisos entre dispositivos de entrada

IE11 admite tipos de entrada adicionales para las propiedades CSS y DOM para un desplazamiento y zoom táctil más preciso presentadas en Internet Explorer 10 en Windows 8. En concreto, se ha agregado la siguiente compatibilidad para IE11:

  • Compatibilidad con el punto de acoplamiento de desplazamiento/movimiento panorámico para el mouse, el teclado y el panel táctil
  • Compatibilidad con guías de desplazamiento y encadenamiento de zoom, limites y puntos de acoplamiento en la interacción del panel táctil

Si ya usas estas propiedades, esta funcionalidad adicional de IE11 debería funcionar sin necesidad de cambio alguno en tu código.

Aquí tienes un resumen de la compatibilidad con la propiedad de desplazamiento y zoom personalizada en los diversos métodos de entrada y versiones:

Propiedad de desplazamiento/zoomPantalla táctilPanel táctilMouseTeclado
-ms-scroll-snap-points-x, -ms-scroll-snap-points-y, -ms-scroll-snap-type, -ms-scroll-snap-x, -ms-scroll-snap-y IE10+IE11IE11IE11
-ms-content-zoom-chaining, msContentZoomFactor, -ms-content-zooming, -ms-content-zoom-limit, -ms-content-zoom-limit-max, -ms-content-zoom-limit-min, -ms-content-zoom-snap, -ms-content-zoom-snap-points, -ms-content-zoom-snap-type, -ms-scroll-chaining, -ms-scroll-rails IE10+IE11----
-ms-overflow-style, -ms-scroll-limit, -ms-scroll-limitXMax, -ms-scroll-limitXMin, -ms-scroll-limitYMax, -ms-scroll-limitYMin IE10+IE10+IE10+IE10+
-ms-scroll-translation ----IE10+--

 

Temas relacionados

msZoomTo
Guía para desarrolladores de IE10: desplazamiento y zoom con entrada táctil
IE11: Touch Browsing for Today’s Web and Beyond
Muestra de desplazamiento, movimiento panorámico y zoom con entrada táctil
Touch: Zooming and Panning (API Reference)

 

 

Mostrar:
© 2014 Microsoft