- Home
- Categorie
- Coding e Sistemistica
- Javascript & Framework
- Problema conflitto JQuery
-
Problema conflitto JQuery
Salve a tutti, ho un problema (probabilmente generato da un conflitto JQuery) relativo ad un pulsante che non fa "scrollare" i contenuti come dovrebbe.
Per farvi capire, il sito in questione è http://www.visitmontaione.com/test
Lo slider full screen funziona, ma il pulsante in basso non fa scrollare i contenuti.
Se elimino il codice relativo ad una libreria Jquery <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> il pulsante funziona ma lo scrolling è a scatto, mentre dovrebbe essere lento.
Qualcuno potrebbe aiutarmi a risolvere questo conflitto?
Grazie 1000!
-
Non eliminare nulla.
Fai così.
Aggiungi la classe click alla freccia
Come target( ovvero dove far finire lo scorrimento ) associ un href="#selettore" (ovviamente deve essere un 'a' )
poi scrivi questo codice:<script> jQuery(document).ready(function($) { $('.click').bind('click',function(event){ var $anchor = $(this); $('html, body').stop().animate({ scrollTop: $($anchor.attr('href')).offset().top }, 1500); event.preventDefault(); }); }) </script>
-
Ciao Ultima e grazie per la tua risposta!
Purtroppo non va ancora... puoi darmi un'occhiata quà http://www.visitmontaione.com/flexslider/ per vedere se ho fatto tutto quello che avevi detto?
La freccia è un <div> che ha come sfondo una freccia. La classe "click" l'ho assegnata a quel div. Non so se ho fatto bene...
Attendo tue news...grazie!