0

tengo este codigo que hace que se fije una imagen al hacer scroll, pero el problema es que en version mobile ya no funciona.

la imagen se ve, pero no se fija al hacer scroll

.float {
    position: fixed;
    bottom: 10px;
    left: 15px;
    z-index: 100;
}

que podrá ser?

Gracias

6
  • ¿Está dentro de un media screen? Commented el 17 dic. 2018 a las 17:51
  • no, no esta dentro Commented el 17 dic. 2018 a las 17:54
  • A lo mejor esta respuesta de Stack Overflow en ingles te puede ayudar. stackoverflow.com/questions/19254146/… Lo que dice es que tienes que añadir -webkit-backface-visibility: hidden;
    – enxaneta
    Commented el 17 dic. 2018 a las 17:55
  • esa misma también la encontré, pero no me funciono Commented el 17 dic. 2018 a las 17:59
  • no funciona en ningún explorador movil?, si funciona en la web?
    – Japh Sxas
    Commented el 17 dic. 2018 a las 18:07

1 respuesta 1

0

¿En que navegador lo has probado? ¿Qué etiqueta es la que tiene esa clase? Generalmente cuando se debe visualizar en móviles, se colocar los márgenes en 0, quizás el z-index de algún elemento varía cuando cambia el tamaño de la pantalla si usas responsive design.

Puedes probar:

.flotante { position: fixed; 
            bottom: 0; 
            left: 0;
            width: 100%;// referencial
            height: 10px; // referencial
            background-color: #0f0; // referencial
            z-index: 1000; 
            -webkit-backface-visibility: hidden;// los navegadores de movil no interpretan de la misma forma que los de escritorio la propiedad fixed}
5
  • el elemento se ve, el problema es que no se fija al hacer scroll Commented el 17 dic. 2018 a las 17:57
  • Agrega la linea: -webkit-backface-visibility: hidden;
    – Jhon Paul
    Commented el 17 dic. 2018 a las 18:01
  • no me funciono. estoy usando chrome por cierto Commented el 17 dic. 2018 a las 18:05
  • ¿Qué navegador con que versión y que dispositivo móvil usas para hacer las pruebas?
    – Jhon Paul
    Commented el 17 dic. 2018 a las 18:08
  • chrome Versión 71.0.3578.98 (Build oficial) (64 bits), el dispositivo es un android 8.0 Commented el 17 dic. 2018 a las 18:13

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.