transicion - Funciona css hover en dispositivos móviles?
transiciones css ejemplos (10)
Funciona css hover en dispositivos móviles? Tengo una clase css hover que funciona bien en un navegador web normal, pero no funciona en navegadores móviles.
¿Qué quiere decir el autor de la pregunta "Funciona css hover en dispositivos móviles?"
Obviamente, no lo dice en sentido literal, porque no existe el vuelo estacionario en los dispositivos móviles, por lo que no puede funcionar.
Si quiere decir "En dispositivos móviles, si toco un objeto con un estilo de desplazamiento, ¿sucede algo?" la respuesta es Sí, pero lo que sucede varía según el dispositivo / navegador.
Específicamente en iPhone / Safari y Android, la respuesta es como si hubiera escrito un controlador de eventos OnClick () con el cambio de estilo en él, y esto persiste hasta que toque otro objeto. En el teléfono Windows, el cambio de estilo ocurre mientras el dedo está presionado en el teléfono y luego se invierte cuando lo suelta.
Puede verificar su dispositivo en el sitio de prueba que configuré en davidleader.net/mobiledemo.html .
: el control deslizante funciona con el navegador predeterminado de Android, pero es realmente complicado (para el usuario) activar el control deslizante sin activar un clic al mismo tiempo.
Depende del navegador utilizado en el dispositivo móvil. Consulte el modo Quirks para dispositivos móviles y vea si su navegador / plataforma lo implementará.
Desde mi propia experiencia, funciona bien en mi iPhone4, cualquiera que sea el navegador (safari o cromo), pero no funciona correctamente en mi nexus10 con Chrome ...
Utilicé: pase el mouse para implementar el menú. Cuando digo "funciona", me refiero a que el primer toque se comporta como un vuelo estacionario en un escritorio, y un segundo toque se comportará como un clic. Cuando digo "no funciona", quiero decir que un toque se comporta como un clic directamente ...
No a menos que el dispositivo pueda detectar cuando alguien pasa el dedo sobre la pantalla, a punto de tocar. :)
Suspiro. Parece que nadie respondiendo esta pregunta realmente lo intentó en un dispositivo real. En muchos casos, funciona. El primer clic actúa como un elemento estacionario.
Más información aquí: http://designshack.net/articles/css/are-hover-events-extinct/
Yo diría que no, ya que no se cierne sobre una interfaz móvil. Puede presionar, si está en la pantalla táctil. De lo contrario, solo mueves a través de enlaces.
no hará su magia en dispositivos con pantalla táctil, pero sí funciona en móviles donde el usuario navega utilizando algunas teclas de flecha (o en amazon kindle)
también funciona para los dispositivos Blackberry storm 1 ya que tienen toque y hacen clic en los eventos debido a sus pantallas táctiles de suedo.
La :hover necesita un dispositivo de señalamiento (entrada gráfica), capaz de distinguir las acciones que apuntan y seleccionar / activar. Por lo general, en los dispositivos móviles con una interfaz táctil no tiene el primero, solo el último. También algunas interfaces de lápiz solo permiten activar, no señalar.
La
:hoverflotación se aplica cuando el usuario designa un elemento (con algún dispositivo señalador), pero no lo activa. Por ejemplo, un agente de usuario visual podría aplicar esta pseudo-clase cuando el cursor (puntero del mouse) se cierne sobre un cuadro generado por el elemento. Los agentes de usuario que no admiten medios interactivos no tienen que admitir esta pseudoclase. Algunos agentes de usuario conformes que admiten medios interactivos pueden no ser compatibles con esta pseudo-clase (por ejemplo, un dispositivo de lápiz).
Por lo tanto, para responder a su pregunta: depende del dispositivo, pero probablemente no. Y no confíes en eso. Con los dispositivos con pantalla táctil que ganan popularidad rápidamente, perderá la totalidad de los eventos que solo apuntan.