2010-05-12 7 views
0

Je travaille avec jQTouch et j'utilise les animations pour créer un lien vers différents href #ids sur la même page. Sur certaines pages je voudrais désactiver le défilement, et d'autres je veux activer le défilement. En activant scrolling onload, l'activer en cliquant sur un autre identifiant fonctionnera. Cependant, je ne peux pas revenir au défilement désactivé. Des idées?jQTouch désactiver le défilement, activer le défilement, pour désactiver le défilement

e() fonction {document.ontouchmove = function (event) {} } fonction d() { document.ontouchmove = function (event) { event.preventDefault(); } }

Répondre

1

Désactiver le div. Par exemple:

<div id="dont_move"> 
    <ul> 
     <li>Item 1</li> 
     <li>Item 2</li> 
    </ul> 
<div id="scroll_me"> 
    <ul> 
     <li>Item 1</li> 
     <li>Item 2</li> 
     <li>Item 3</li> 
     <li>Item 4</li> 
     <li>Item 5</li> 
     <li>Item 6</li> 
     <li>Item 7</li> 
     <li>Item 8</li> 
     <li>Item 9</li> 
     <li>Item 10</li> 
     <li>Item 11</li> 
     <li>Item 12</li> 
    </ul> 
</div> 

Et puis dans votre script ajouter:

$('#dont_move')[0].addEventListener('touchmove', function(e){ e.preventDefault(); });  
1

$ ('# dont_move') [0] .addEventListener ('touchmove', function (e) {e.preventDefault (); }, faux);

1

Vous pouvez utiliser ce code pour désactiver déplacement de la souris:

$(document).bind("touchmove",function(event){ 
    event.preventDefault(); 
    }); 
Questions connexes