Foro

Home Forums Frameworks y librerías jQuery Mobile evitar "flash" footer

This topic contains 0 replies, has 1 voice, and was last updated by Ángel Luis Sánchez Ángel Luis Sánchez 5 años, 1 mes .

Viendo 1 respuesta (de 1 en total)
  • evitar "flash" footer

    Intervenciones
  • Ángel Luis Sánchez
    Ángel Luis Sánchez 
    Participant

    Muy buenas,

    me gustaría saber si se puede evitar el “flash” en el footer al hacer transiciones entre páginas. Me explico, tengo un .html en el que por ejemplo tengo por ejemplo 5 páginas. Además tengo un footer con el que se navega entre las páginas, pero al hacer las transiciones entre las páginas, el nav del footer hace como un flash. ¿Se puede quitar ese efecto tan feo?

    Aquí dejo un pequeño ejemplo de lo que tengo, salvo que son 5 páginas y no 2.

     Code: arbitrary (select
    1.
    2.
    3.
    4.
    5.
    6.
    7.
    8.
    9.
    10.
    11.
    12.
    13.
    14.
    15.
    16.
    17.
    18.
    19.
    20.
    21.
    22.
    23.
    24.
    25.
    26.
    27.
    28.
    29.
    30.
    31.
    32.
    33.
    34.
    35.
    36.
    37.
    38.
    39.
    40.
    41.
    42.
    43.
    44.
    45.
    46.
    47.
    48.
    49.
    50.
    51.
    52.
    53.
    54.

    <!-- DRP -->
        <section id="DRP" data-role="page">
          <div>
            <h1>DRP</h1>
          </div>

          <div>
            
            <div id="contenido_drp">  </div>
          </div>

          <!-- Inicio menu footer -->
          <footer data-role = "footer" data-id="menu" data-position="fixed" data-tap-toggle="false">
            <nav data-role="navbar">
              <ul>
                <li class="superior"><a href="#CRISIS"></a></li>
                <li class="superior"><a href="#PRUEBAS"></a></li>
                <li class="superior"><a href="#CONTINUIDAD"></a></li>
                <li class="superior"><a href="#DRP"></a></li>
                <li class="superior"><a href="#PGI"></a></li>
              </ul>
            </nav>
          </footer>
          <!-- Fin menu footer -->
        </section>
        <!-- FIN DRP -->

        <!-- PGI -->
        <section id="PGI" data-role="page">
          <div>
            <h1>PGI</h1>
          </div>


          <div>
            
            <div id="contenido_pgi">
            
            </div>
          </div>
          
          <<footer data-role = "footer" data-id="menu" data-position="fixed" data-tap-toggle="false">
            <nav data-role="navbar">
              <ul>
                <li class="superior"><a href="#CRISIS"></a></li>
                <li class="superior"><a href="#PRUEBAS"></a></li>
                <li class="superior"><a href="#CONTINUIDAD"></a></li>
                <li class="superior"><a href="#DRP"></a></li>
                <li class="superior"><a href="#PGI"></a></li>
              </ul>
            </nav>
          </footer>
        </section>
        <!-- FIN PGI -->


Viendo 1 respuesta (de 1 en total)

You must be logged in to reply to this topic.

RT @PWAExpertsIO: 🎙️ Cómo capturar 🎼 audios con tu #PWA. @JoseJ_PR te enseña cómo hacerlo a través de este #tutorial👇🏼 https://t.co/Rkpw609:57 PM Jun 8th