Problemi con jquery Scroll to
- Questo topic ha 13 risposte, 2 partecipanti ed è stato aggiornato l'ultima volta 9 anni, 9 mesi fa da jqueryitalia.
- AutorePost
- 27 Luglio 2014 alle 08:42 #6260VitoPartecipante
Buongiorno ragazzi,
sto costruendo un sito utilizzando tra l’altro, il plug SCROOL TO per navigare in vari div.
Sul mio computer MAC funziona perfettamente utilizzando sia Safari che Mozilla e crome.
Però provandolo su ipad e su iphone ho notato subito che su questi dispositivi si generano sfarfallii bruttissimi.
Ho eliminato il plug in Scrool to e il tutto si è ristabilito. Ma non è quello che volevo!
A qualcuno di voi è capitato? avete trovato un sistema per risolverlo?
Grazie
28 Luglio 2014 alle 10:38 #6261jqueryitaliaAmministratoreCiao Vito.
Prova a settare {axis:’y’} come terzo parametro della funzione scrollTo.
Cioè:scrollTo( [selector], [duration], {axis:'y'} );
28 Luglio 2014 alle 18:06 #6262VitoPartecipanteCiao,
prima di tutto ti ringrazio anticipatamente della celere risposta. Sto provando ad inserire il suggerimento nel codice di scroolto ma non vedo effetti.
Probabilmente sto sbagliando io.
Se ti chiedessi la possibilità di rivedere il codice scrollto mi aiuteresti ancora?
Grazie
Vito
28 Luglio 2014 alle 18:15 #6263VitoPartecipanteSe posso ti linko anche l’indirizzo del sito dove puoi vedere il problema che si genera con scrollto.
Fammi sapere.
Vito
28 Luglio 2014 alle 20:34 #6264jqueryitaliaAmministratoreFai pure: vediamo cosa possiamo fare per te 😛
29 Luglio 2014 alle 13:22 #6265VitoPartecipanteQuesto è lo script dove ho inserito il tuo suggerimento. Mentre se vuoi vedere visivamente l’errore che mi genera puoi andare su http://www.lauraestetica.altervista.org
jQuery(document).ready(function($){ var width = $(window).width(); var height = $(window).height(); $('#contenitore').css({'width':width*3,'min-height':height*2}); $('.content').css({'width': width -0,'min-height': height -0}); $('a.nav').click(function(){ var target = $(this).attr('href'); $('html,body').animate({ scrollLeft: $(target).offset().left, scrollTop: $(target).offset().top, }, 2000), ({axis:'y'} ); return false; }); });
29 Luglio 2014 alle 13:38 #6266jqueryitaliaAmministratoreVito, quando inserisci del codice (sia esso javascript, php, asp, html od altro), ti prego di seguire le REGOLE DEL FORUM, presenti giusto sopra la textarea dove scrivi, Grazie.
Ora do un’occhiata al codice e vedo se riesco a verificare il problema.29 Luglio 2014 alle 14:09 #6268jqueryitaliaAmministratoreMa per i movimenti stai utilizzando la funzione animate e non il plugin ScrollTo… o_O
29 Luglio 2014 alle 15:04 #6270VitoPartecipanteTi chiedo scusa per quanto riguarda l’inserimento del codice. Per la contentezza che qualcuno mi stava aiutando mi sono dimenticato delle regole.
Chiedo a tutto il forum formalmente SCUSA.
Per quanto riguarda lo script ero sicurissimo che fosse ScrollTo.!
mi puoi ancora aiutare? Te ne sarei grato.
vito
29 Luglio 2014 alle 15:53 #6271jqueryitaliaAmministratoreNon ti preoccupare: basta che non te lo dimentichi per le prossime volte 😉
Prova a modificare la funzione in questo modo:
jQuery(document).ready(function($){ var width = $(window).width(); var height = $(window).height(); $('#contenitore').css({'width':width*3,'min-height':height*2}); $('.content').css({'width': width -0,'min-height': height -0}); $('a.nav').click( function( e ) { e.preventDefault(); var target = $(this).attr('href'); $('html,body').animate({ scrollLeft: $(target).offset().left, scrollTop: $(target).offset().top, }, 2000); return false; }); });
- AutorePost
- Devi essere connesso per rispondere a questo topic.