Tengo un sitio web donde se pueden recuperar grandes cantidades de datos de una base de datos MySQL. Tiene el Material Lite como diseño central. El problema es que cuando abro una página y me desplazo hacia abajo, la página va a la parte superior tan pronto como termina de cargarse, lo que es frustrante para los lectores.

Revisé todos mis scripts e incluso los eliminé todos, manteniendo Material Lite, pero el resultado es el mismo.

Incluso en su propio sitio web, tienen este problema ( https://getmdl.io/components/index.html ). Puede intentarlo, pero intente desplazarse rápidamente hacia abajo antes de que se cargue la página.

Una cosa que noté es que cuando elimino la clase "mdl-js-layout" del div principal "mdl-layout", el problema desaparece.

Aquí está la etiqueta antes de eliminar la clase antes mencionada:

 <div class="mdl-layout mdl-js-layout mdl-layout--fixed-header mdl-layout--no-desktop-drawer-button"> page content goes here.... </div>

Lo he tomado de la guía Material Lite.

Y aquí está el script de Material Lite que estoy usando:

 <script name="material_script" defer src="https://code.getmdl.io/1.3.0/material.min.js"></script>

¿Alguna idea sobre cómo mantener esta clase y deshacerse del problema? (No estoy seguro si tengo que mantenerlo, pero así es como se construye el div según el sitio web de ML).