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
function sliding() { $('.scrollTo, #navigation a').click(function (event) { //alert(this.className); if(this.className != "lang"){ event.preventDefault(); var full_url = this.href; var parts = full_url.split("#"); var trgt = parts[1]; $('body').scrollTo($('#' + trgt), 800, {offset: -80}); } }); }
Y mi menú:
Código HTML:
Ver original
<!-- NAVBAR --> <div class="navbar navbar-default navbar-fixed-top" role="navigation" id="navbar"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> </button> </div> <div class="navbar-collapse collapse" id="navigation"> <ul class="nav navbar-nav navbar-right"> </ul> </div> </div> </div>
Muchas gracias de antemano