2012-07-10 6 views
5

Ho scaricato iScroll.js e utilizzato in uno dei mio progetto PhoneGap cioèiScroll 4 non funziona correttamente

<script type="application/javascript" src="iscroll.js"></script> 
<script type="text/javascript"> 
var myScroll; 
function loaded() { 
myScroll = new iScroll('wrapper'); 
} 
document.addEventListener('DOMContentLoaded', loaded, false); 
</script> 

Non funziona sui browser normali troppo ma quando ho ispezionare elementi che ha iniziato a lavorare assolutamente bene ?? non so quale sia il problema ...

+0

Scumbag Nishant Mahajan, aggiungi una domanda con più di mille visti. Dì che l'unica risposta _non funziona_ prima di dire _i avevo risolto il problema ora ... senza ulteriori informazioni: P –

+0

Scusa Scusa, ho dimenticato di condividere la soluzione ma sicuramente lo farò presto. –

+0

Grazie Nishant Mahakan :) –

risposta

2

Come utilizzare iScroll

1) necessità di evitare che il comportamento predefinito di eventi touch standard. Facile da fare, aggiungendo preventDefault() nel tuo evento touchmove.

2) Inizializzare l'oggetto iScroll su DOMContentLoaded o sul caricamento della finestra.

modificare il codice per,

function loaded() { 
     document.addEventListener('touchmove', function(e){ e.preventDefault(); }); 
     myScroll = new iScroll('wrapper'); 
} 
document.addEventListener('DOMContentLoaded', loaded, false); 

Speranza ha aiutato.

+0

Spiacente, non funziona .... L'ho già provato ... –

+0

e, a proposito, funziona perfettamente quando controllo elementi in qualsiasi browser. –

+0

Se hai voglia di condividere, posso vedere il tuo codice (Sia html che css) –

2

non definire l'altezza e la larghezza del div interno in cui il contenuto esiste. e crea l'oggetto iScroll dopo che il contenuto è stato reso dinamicamente completamente.