Error de scroll en móviles

  • encarnadnoxe

    (@encarnadnoxe)


    hace 1 año, 9 meses

    Buenas tardes, desde hace un tiempo llevo observando que mi página se queda «enganchada» a la hora de hacer scroll en móviles. Intento hacer scroll pero vuelve al mismo punto, hasta que tras insistir varias veces, alguna da resultado.

    He probado a desactivar todos los plugins excepto elementor, ya que mi web está hecha con elementor. No he obtenido ningún resultado positivo.

    He leido en varios foros que el problema viene dado por el desbordamiento de algún elemento. He modificado todos los elementos de la página de inicio para que no haya ni un widget con desbordamiento y aún así, sigue dando fallo en toda la web.

    He comprobado que no haya desbordamiento ejecutando este código en la consola del inspeccionador:

    (function (debug) {
    var w = debug.documentElement.offsetWidth,
        t = debug.createTreeWalker(debug.body, NodeFilter.SHOW_ELEMENT),
        b;
    while (t.nextNode()) {
        b = t.currentNode.getBoundingClientRect();
        if (b.right > w || b.left < 0) {
            t.currentNode.style.setProperty('outline', '1px dotted red', 'important');
            console.log(t.currentNode);
        }
    };
}(document));

    He visto que algunas personas han arreglado este mismo problema con el código:

    .body{ 
overflow: hidden;
}

    Pero a mi no me ha dado ningún resultado. Pienso que el problema puede estar quizás en el footer o en el header ya que es un error que sucede en toda la web.

    Pero no sé hacia donde debo apuntar para ocultar el desbordamiento.

    Muchísimas gracias de antemano.

    • Este debate fue modificado hace 1 año, 9 meses por encarnadnoxe.

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • Moderador kallookoo

    (@kallookoo)

    hace 1 año, 9 meses

    Hola @encarnadnoxe

    Como usas plugins de cache, lo primero seria desactivarlos todos para ver si el problema lo causa la minificacion.

    Veo que el html tiene como unos 22 eventos javascript personalmente me parece raro ya que los eventos de deberian registar para x etiqueta html y no globalmente, lo comento porque es posible que algun este dando problemas cuando se visualiza en dispositivos moviles.

    Iniciador del debate encarnadnoxe

    (@encarnadnoxe)

    hace 1 año, 9 meses

    Muchas gracias @kallookoo por tu respuesta.

    He desactivado los plugins de cache y sigue dando el mismo problema. Además ya desactivé uno por uno todos los plugins de la web y seguía igual.

    En cuanto a lo segundo que me dices, disculpa mi ignorancia pero no se practicamente nada de javascript y html. Podrías decirme que debo hacer para resolver lo de los 22 eventos de javascript.

    Mil gracias de nuevo.

    Moderador kallookoo

    (@kallookoo)

    hace 1 año, 9 meses

    Hola @encarnadnoxe

    Veo que tambien usas elementor, comprobastes si desactivandolo el desplazamiento funciona con normalidad?

    Sobre los eventos y viendo que comentas que no tienes muchos conocimientos (no tienes que disculparte, todos sabemos lo que sabemos), asi que es mejor que te olvides, principalmente lo comente porque es posible que uno de esos eventos este provocando que no se puede desplazarse normalmente.

    Como no consigues descubir el motivo, yo haria lo siguiente:
    1) Desactivar todos los plugins
    2) Probar la web en modo incognito o privado para no usar el cache, como usas elementor y deberia estar desactivado es posible que algun elemento este descolocado o no aparezca, no hagas caso. Necesitamos saber si solo con el theme el desplazamiento funciona con normalidad.

    Si funciona con normalidad, activas el elementor y vuelves a probar, asi con todo los plugins hasta que veas que deja de funcionar para descubrir si algun plugin es el causante.

    Los ultimos plugins que deberias activar son los de cache o minificacion.

    Iniciador del debate encarnadnoxe

    (@encarnadnoxe)

    hace 1 año, 9 meses

    Hola @kallookoo

    Ya he probado y con todos los plugins desactivados y el que me da el problema es el propio elementor. Dejando la página solo con el theme funciona con normalidad.

    Siempre he hecho las webs con elementor pero es la primera vez que me ocurre este error. No sé qué puedo hacer porque no puedo desactivar elementor, ya que es con lo que está construida toda la web.

    Moderador kallookoo

    (@kallookoo)

    hace 1 año, 9 meses

    Hola @encarnadnoxe

    Te recomiendo que revises la configuracion es posible que en alguna plantilla/diseño tengas alguna configuracion que este dando problemas, creo recordar que puedes seleccionar tambien por dispositivo y diria que podria ser el causante.

Viendo 5 respuestas - de la 1 a la 5 (de un total de 5)
  • El debate ‘Error de scroll en móviles’ está cerrado a nuevas respuestas.