jquery mmenu hace que la página salte automáticamente a la parte superior -- javascript campo con jquery campo con css campo con scroll campo con mmenu camp Relacionados El problema

jQuery mmenu makes page automatically jump to top


3
vote

problema

Español

Para un proyecto universitario, estoy tratando de implementar un menú móvil a un sitio web receptivo. Para hacer esto utilicé el complemento JQERY MMENU.

Todo parece funcionar bien, excepto por una cosa: Cada vez que abro el menú se desplaza a la parte superior de la página en lugar de quedarse donde estaba. También me di cuenta de que no puedo desplazar la página mientras el menú está abierto (en comparación con el ejemplo aquí: http://mmenu.frebsite.nl/mmenu/demo/onepage.html )

Mi código está estructurado de la siguiente manera:

  <body>     <!-- Mobile Navigation -->     <nav id="mobilenav">         <div>             <ul>                 ...              </ul>         </div>     </nav>     <div id="wrapper">         <header class="mm-fixed-top hidden-desktop">             ...             <a href="#mobilenav" class="pull-left"><i class="fa fa-bars"></i></a>             ...         </header>         <div id="topbar">             ...         </div>         <div id="content">             ...         </div>     </div>     <div id="tothetop" class="hidden-desktop">         ...     </div>     <div id="bottom" class="visible-desktop">         ...     </div>     <!-- Scripts -->         ... </body>   

Puede ver el problema en la acción en http://www.mikehudson.de/BA/.

Gracias por sus respuestas de antemano.

- Mike

Original en ingles

for a university project I am trying to implement a mobile menu to a responsive website. To do this I used the jQuery plugin mmenu.

Everything seems to work fine except for one thing: Whenever I open the menu it scrolls to the top of the page instead of staying where it was. I also realized that I can't scroll the page while the menu is open (as opposed to the example here: http://mmenu.frebsite.nl/mmenu/demo/onepage.html)

My code is structured as follows:

<body>     <!-- Mobile Navigation -->     <nav id="mobilenav">         <div>             <ul>                 ...              </ul>         </div>     </nav>     <div id="wrapper">         <header class="mm-fixed-top hidden-desktop">             ...             <a href="#mobilenav" class="pull-left"><i class="fa fa-bars"></i></a>             ...         </header>         <div id="topbar">             ...         </div>         <div id="content">             ...         </div>     </div>     <div id="tothetop" class="hidden-desktop">         ...     </div>     <div id="bottom" class="visible-desktop">         ...     </div>     <!-- Scripts -->         ... </body> 

You can see the problem in action at http://www.mikehudson.de/BA/.

Thanks for your answers in advance.

-- Mike

              
 
 

Lista de respuestas

5
 
vote

¿Está utilizando este complemento junto con la Fundación 5. Si es así, puede cambiar la altura HTML, la altura del cuerpo del 100% al auto en el archivo global.scss.

por ejemplo ...

de:

  compileFile8  

a:

  compileFile9  
 

Are you using this Plugin along with Foundation 5. If so then you can change the html, body height from 100% to auto in the global.scss file.

eg...

FROM:

// Must be 100% for off canvas to work       html, body { height: 100%; } 

TO:

// Must be 100% for off canvas to work        html, body { height: auto; } 
 
 
3
 
vote

Si aplica el 100% al cuerpo / HTML, asegúrese de evitar que EviteDefault () en el evento de clic, si su activador tiene un "#" en el HREF. Esto me arrancó.

 

If you do apply the 100% to the body/html, make sure you preventDefault() on the click event if your trigger happens to have a "#" in the href. This tripped me up.

 
 
 
 

Relacionados problema

0  Abrir y cerrar mmenu en el mismo botón  ( Open and closing mmenu on same button ) 
Estoy usando MMENU y yo usamos la función Clickopen para abrir el menú. Quiero también cerrar el MMENU con el mismo botón. Aquí está el código que maneja el e...

0  Rama de submenú abierto de MMENU cuando está en la página del submenú  ( Mmenu open submenu branch when on submenu page ) 
Utilizo el complemento MMENU JQERY en mi sitio de WordPress. El menú tiene dos niveles: - Casa - Acerca de - - Empresa - - Equipo - Contacto Cuando haga cli...

0  ¿Cómo localizar el selector CSS para el menú NAV y el botón MENÚ?  ( How to locate the css selector for the nav menu and the menu button ) 
Mi sitio web es https://thunderandmiles.com , ¿podría alguien ayudar? Tengo la ID de navegación del sitio como "navegación al sitio" y la identificación del ...

0  Cómo reutilizar una instancia de MMENU completa  ( How to reuse an entire mmenu instance ) 
Tengo esta instancia de MMENU donde agrego dinámicamente contenido desde AJAX tal como se describe en la página del plugin. Ahora no solo quiero agregar a s...

0  Mmenu tomando la página completa en lugar de deslizarse  ( Mmenu taking full page instead of sliding ) 
Estoy trabajando en un proyecto Córdoba / ThoneGap donde uso JQUERY / JQUERY MOBILE y un excelente complemento llamado MMenu desde http: //mmenu.frebsite.nl ...

0  MMENU no funciona con JQuery Database Contenido  ( Mmenu not working with jquery database content ) 
Intenté el ejemplo de http://mmenu.frebsite.nl pero no funciona. Llamo a la base de datos de formulario de contenido de menú. Javascript function getmobi...

0  Hacer el menú Siga la página actual  ( Make menu follow current page ) 
Page A Page A 1 Page A 2 Page B Page C Necesito el MMENU para seguir la página actual, por lo que si ingreso a la página A 2, quiero que el menú abra...

0  Complemento de la complemento MMENU si se termina deslizante  ( Mmenu plugin check if sliding is finished ) 
Tengo algunos CSS que agrega un div todo toda la página. Tengo este CSS aplicado a un div: .full-width { position: relative; margin: 0 -9999rem; ...

0  Integrando el Proyecto de Plugin de MMENU a VUE.JS  ( Integrating mmenu plugin to vue js project ) 
¿Cómo integrar un complemento MMENU JQERY en VUE.JS? Conecté el mmenu en index.html como este: <link rel="stylesheet" href="https://cdnjs.cloudflare.com/aj...

4  Uso del complemento MMENU - ¿Cómo eliminar para el escritorio?  ( Using mmenu plugin how to remove for desktop ) 
Estoy probando el complemento MMENU ( http://mmenu.frebsite.nl/ ) y soy Super emocionado por eso. Lo tengo trabajando para mi sitio receptivo ... El único pro...




© 2022 respuesta.top Reservados todos los derechos. Centro de preguntas y respuestas reservados todos los derechos