2012-07-10 32 views
5

He descargado iScroll.js y se utiliza en una de mi proyecto PhoneGap es deciriScroll 4 no funciona correctamente

<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> 

No funciona en los navegadores normales también, pero cuando Inspecciono elementos que comenzó a trabajar absolutamente bien ?? no saben cuál es el problema ...

+0

Scumbag Nishant Mahajan, agregue una pregunta con más de mil visitas. Diga que la única respuesta _no funciona_ antes de decir _ya resolvió el problema ahora ..._ sin más información: P –

+0

Lo siento, escéptico, olvidé compartir la solución, pero definitivamente lo haré pronto. –

+0

Gracias Nishant Mahakan :) –

Respuesta

2

Cómo usar iScroll

1) necesidad de prevenir el comportamiento predeterminado de eventos de toque estándar. Fácil de hacer esto, agregando preventDefault() en su evento touchmove.

2) Inicialice el objeto iScroll en DOMContentLoaded o en la carga de la ventana.

cambiar el código para,

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

espero que ayudó.

+0

Lo siento, no funciona .... Ya lo he probado ... –

+0

y, por cierto, funciona perfectamente cuando inspecciono elementos en cualquier navegador. –

+0

Si le apetece compartir, ¿puedo ver su código (Ambos html y css) –

2

No defina la altura y el ancho del div interno donde existe el contenido. y crea el objeto iScroll después de que el contenido se represente completamente.

Cuestiones relacionadas