Foros del Web » Programando para Internet » Javascript »

[SOLUCIONADO] Menú con Scroll en OnePage

Estas en el tema de Menú con Scroll en OnePage en el foro de Javascript en Foros del Web. Muy buenas chic@s, Estoy haciendo un proyectillo y estoy teniendo un problema con el menú de una página OnePage y aún fallo mas que una ...
  #1 (permalink)  
Antiguo 27/09/2017, 12:56
Avatar de agusax  
Fecha de Ingreso: junio-2011
Ubicación: Puerto Real (Cádiz)
Mensajes: 74
Antigüedad: 12 años, 10 meses
Puntos: 3
Menú con Scroll en OnePage

Muy buenas chic@s,

Estoy haciendo un proyectillo y estoy teniendo un problema con el menú de una página OnePage y aún fallo mas que una escopeta de feria con el JavaScript.

El problema es, que el menú no responde (no cambia a las diferentes secciones) en los navegadores chrome y microsoft edge pero si funciona correctamente en Firefox e Internet explorers (son los que he probado porque los tengo instalados xD)

El script sería:
Código Javascript:
Ver original
  1. function sliding() {
  2.     $('.scrollTo, #navigation a').click(function (event) {
  3.     //alert(this.className);
  4.     if(this.className != "lang"){
  5.         event.preventDefault();
  6.         var full_url = this.href;
  7.         var parts = full_url.split("#");
  8.         var trgt = parts[1];
  9.         $('body').scrollTo($('#' + trgt), 800, {offset: -80});
  10.     }
  11.     });
  12. }

Y mi menú:
Código HTML:
Ver original
  1. <!-- NAVBAR -->
  2.     <div class="navbar navbar-default navbar-fixed-top" role="navigation" id="navbar">
  3.         <div class="container">
  4.             <div class="navbar-header">
  5.                 <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
  6.                     <span class="sr-only">Toggle navigation</span>
  7.                     <span class="icon-bar"></span>
  8.                     <span class="icon-bar"></span>
  9.                     <span class="icon-bar"></span>
  10.                 </button>
  11.                 <a class="navbar-brand scrollTo" href="#intro">Titulo</a>
  12.             </div>
  13.  
  14.             <div class="navbar-collapse collapse" id="navigation">
  15.                 <ul class="nav navbar-nav navbar-right">
  16.                     <li class="active"><a href="#home">Home ?></a></li>
  17.                     <li><a href="#about">About</a></li>
  18.                     <li><a href="#contact">Contact</a></li>
  19.             <li><a class="lang" href="lang.php?lang=es"> <img src ="img/es.png" height="20px"></a></li>
  20.             <li><a class="lang" href="lang.php?lang=en"> <img src ="img/en.png" height="20px"></a></li>
  21.                 </ul>
  22.               </div>
  23.         </div>
  24.     </div>

Muchas gracias de antemano
__________________
"Nunca confíes en un ordenador que no puedas lanzar por una ventana" -- Steve Wozniak
"El software es como el sexo: mejor si es libre y gratis" -- Linus Torvalds
  #2 (permalink)  
Antiguo 28/09/2017, 05:52
Avatar de agusax  
Fecha de Ingreso: junio-2011
Ubicación: Puerto Real (Cádiz)
Mensajes: 74
Antigüedad: 12 años, 10 meses
Puntos: 3
Respuesta: Menú con Scroll en OnePage

Cerrado: El problema estaba en el JS de ScrollTo.
__________________
"Nunca confíes en un ordenador que no puedas lanzar por una ventana" -- Steve Wozniak
"El software es como el sexo: mejor si es libre y gratis" -- Linus Torvalds

Etiquetas: funcion, php, scroll
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 20:42.