Problemi con jquery Scroll to
- Questo topic ha 13 risposte, 2 partecipanti ed è stato aggiornato l'ultima volta 9 anni, 8 mesi fa da jqueryitalia.
- AutorePost
- 29 Luglio 2014 alle 19:19 #6273VitoPartecipante
Ciao,
sono ancora io…
mi dispiace ma non è cambiato assolutamente niente. Disfatta completa!
Stavo pensando… ma che sia sbagliato lo script di riferimento? mi spiego meglio:
io ho richiamato i seguenti script:
<script src="js/jquery v1.7.2.js"> </script> <script src="js/jquery-ui-1.10.3.custom.min.js"> </script> <script type="text/javascript" src="js/wpts_slider_multiple.js"></script> <script type="text/javascript" src="jquery.scrollTo-1.4.3.1-min.js"></script> <script type="text/javascript" src="jquery.easing.1.3.js"></script> <script type="text/javascript" src="script.js"></script>
essendo un effetto “animate” richiamare scroll to sarà farse sbagliato?
C’è sempre da imparare nella vita!!
Aiutami non mi lasciare questi dubbi.
Vito
29 Luglio 2014 alle 23:22 #6275jqueryitaliaAmministratoreVito, non serve che chiedi di aiutarti ad ogni post: siamo qui per questo… 😉
Comunque: ho replicato la tua pagina correggendo molte parti del codice html (gli script js vanno prima della chiusura del body, i fogli di stile vanno tutti nel tag head e non sparsi nel codice,i tag html deveno essere tutti chiusi correttamente,ecc..), eliminato tutto i plugin javascript non necessari (in pratica ho lasciato solo jQuery, richiamando in CDN la versione 1.11.1, ed il plugin per gli slider) ed utilizzato la funzione come l’avevo scritto nel post precedente e la situazione è molto migliorata come puoi vedere qui https://www.jqueryitalia.org/tutorials/testVito/.
Io l’ho testata su un Samsung Galaxy S3 e su un tablet sempre Samsung e, oltre a non presentare errori, non flickera più 😉La pagina comunque non mi risulta essere ottimizzata per i dispositivi mobile…
30 Luglio 2014 alle 13:29 #6277VitoPartecipanteCiao,
non saprei da dove iniziare. Allora incomincio dalla spiegazione degli scripts: il posizionamento dopo il body è dovuto al fatto che durante la costruzione del sito ho verificato se era veloce o meno. Andando su dei siti specializzati mi è stato suggerito di mettere gli scripts a fondo pagina e dopo il body. Non vedendo controindicazioni e verificando che le pagine erano più veloci all’apertura li ho lasciati lì. Identica cosa per quanto riguarda i fogli di stile.
Se questo è sbagliato ritornerò al vecchio sistema.
Ho visitato il link che hai inserito ma ho brutte notizie:
– provato su ipad2 : NOK;
– provato su iphone 5s : NOK;
– provato su samsung Galaxy GT-1860 : NOK
Ultima risposta: è vero non l’ho ancora ottimizzato per i dispositivi mobili perché vorrei farlo alla fine. Dopo avere risolto questo problema e create altre 4 pagine di info.
Ciao e rimango in attesa
Vito
30 Luglio 2014 alle 15:46 #6278jqueryitaliaAmministratoreCiao Vito.
Beh, o hai letto male oppure qualcuno ha scritto qualche bestialità… 😛
Il codice javascript, perchè una pagina sia validata coorrettamente, può essere inserito solamente:
- o nel tag HEAD
- o nel tag BODY
Ultimamente si preferisce inserirlo nel BODY, ma l’inserimento va fatto sempre prima della chiusura del tag stesso.
Puoi leggere qualcosa in merito qui:
– http://www.w3schools.com/js/js_whereto.asp
– http://webdesign.about.com/od/speed/a/script-placement-for-speed.htm
– http://www.quirksmode.org/js/placejs.htmlPer quanto riguarda i fogli stile, questi vanno sempre inseriti nel tag HEAD.
Ad ogni buon conto, visto che continui ad avere problemi con animate (anche se non hai scritto quali, se sempre gli stessi o meno…), ti consiglio di lasciar perdere questo approccio ed invece utilizzare un plugin più recente, tipo fullPage.js che supporta pienamente i tablet ed i dispositivi mobile in genere.
Buon lavoro!
- AutorePost
- Devi essere connesso per rispondere a questo topic.