Barra di navigazione

muscaril

Utente Attivo
16 Mar 2009
46
0
6
Mi sono accorto che non funzionano i tasti della barra di navigazione, non ho capito come mai, prima funzionava tutto. Vi allego Codice:
Codice:
<!-- start navigation -->
<div class="navbar navbar-fixed-top navbar-default" role="navigation">
<div class="container">
<div class="navbar-header">
<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
<span class="icon icon-bar"></span>
</button>
<a href="#" class="navbar-brand"><img src="images/logo.png" class="img-responsive" alt="logo"></a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#home" class="smoothScroll">HOME</a></li>
<li><a href="#profilo" class="smoothScroll">PROFILO</a></li>
<li><a href="#servizi" class="smoothScroll">SERVIZI</a></li>
<li><a href="#lavori" class="smoothScroll">LAVORI</a></li>
<li><a href="#offerte" class="smoothScroll">OFFERTE</a></li>
<li><a href="#contatti" class="smoothScroll">CONTATTI</a></li>
<li><a href="#login" class="smoothScroll">LOGIN</a></li>
<li><a href="#eshop" class="smoothScroll">E_SHOP</a></li>
</ul>
</div>
</div>
</div>
<!-- end navigation -->
 
Il codice che hai postato non è sufficiente per capire dove sta il problema. Non è possibile capirlo senza vedere la pagina in questione.

Ad ogni modo sono riuscito a risalire al tuo sito è ho verificato dove sta il problema.

Il plugin smoothscroll.js, che stai usando per ottenere l'animazione di "scorrimento morbido" sui link interni, è uno script datato, che forse funzionava con vecchie versioni di chrome e altri browser datati. Le cose cambiano, specialmente nel campo tecnologico, per cui certi particolari "comandi" che prima erano supportati su vecchi browser, ora potrebbero non essere più supportati.

Cercare di modificare quel plugin sarebbe un'inutile perdita di tempo, a mio parere. Il mio consigli è quello di sostituirlo del tutto con un altro plugin o con qualche script più aggiornato.

Puoi fare una ricerca per trovarne qualcuno. Ad esempio su w3schools c'è un semplice script che attualmente funziona su tutti i browser. Lo puoi trovare a questa pagina: How TO - Smooth Scroll

Ovviamente se integri il nuovo script dovrai assicurarti di rimuovere quello vecchio per evitare che si aggroviglino.
In sostanza nella tua pagina dovrai rimuovere l'inclusione del vecchio plugin che trovi alla fine del body, in questo punto::
HTML:
<!-- smoothScroll -->
<script src="js/smoothscroll.js"></script>
Una volta rimossa questa puoi inserire il nuovo script.

Se includi anche una versione più aggiornata della libreria jquery (vedi la prima riga del codice di esempio su w3schools), assicurati di rimuovere, dalla tua pagina, l'inclusione della vecchia versione:
HTML:
<!-- jQuery -->
<script src="js/jquery.js"></script>

Mi pare comunque che lo script proposto sia compatibile anche con vecchie verisoni di jquery, per cui potresti mantenere quella che hai già ma, in tal caso, considera di non aggiungere l'inclusione della nuova versione, altrimenti potrebbero aggrovigliarsi.

Fai magari qualche prova.
 

Discussioni simili