jQuery móvil desactivar el contenido de la página desplazamiento vertical

Question

¿Cómo puedo deshabilitar el desplazamiento de contenido vertical en jquery móvil? Quiero desactivar todo desplazamiento para el contenido de la página. Gracias.

---

puedo crear la página jquery.mobile y en el contenido agrego jquery.mobile.scrollview. Cuando uso scrollview, el contenido de mi página se desplaza hacia arriba y hacia abajo. ¿Cómo puedo desactivar el contenido de desplazamiento? Mi código de la página:

<div id="page2" data-role="page" align="center"> 
    <div data-role="content"> 
     <div id="mydatacontent" class="form"> 
      <div class="data-table-shadow" data-scroll="y" class="square single-block-view-v" style="height: 750px;"> 
       <table id="datatable" class="data-table"> 
        <tbody id="datatableContent"> 
         <!-- Table Data Here --> 
        </tbody> 
       </table> 
      </div> 
     </div> 
    </div> 
</div> 

Answer 1

Puede unirse al evento touchmove y return false para prevenir el comportamiento predeterminado del evento touchmove:

$(document).delegate('.ui-content', 'touchmove', false);​ 

Esto debería desactivar el desplazamiento de todos los elementos data-role="content". Puede actualizar el selector .ui-content para que sea más específico si solo desea esta funcionalidad en una/algunas página (s).

Aquí es una demostración puede probar en su dispositivo móvil: http://jsfiddle.net/RKXLH/embedded/result/

Answer 2

he encontrado la respuesta anterior para estar funcionando bien. Sin embargo, esto evitará desplazarse en elementos secundarios de ".ui-content". uso el

"scrollstart"

evento lugar y elementos secundarios siguen siendo desplazable.

$(document).delegate(".ui-content", "scrollstart", false); 

Probado en iOS6 webview.

Answer 3

En mi experiencia que se tiene que hacer de esta manera:

var touchScroll = function(event) { 
    event.preventDefault(); 
}; 

$('element1').click(function() { 
    //this will disable the scroll 
    $(this).bind('touchmove', touchScroll); 

    $('element2').click(function() { 
     //this will enable scrolling 
     $(document).unbind('touchmove', touchScroll); 
    }); 
} 

element1 y elemento2 pueden ser cualquier cosa que desee, y por supuesto la función de clic es sólo por el ejemplo, se puede elegir cualquier función que desee.