JQuery móvil deshabilitar el contenido de la página desplazamiento vertical

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


Creo la página jquery.mobile y en el contenido agrego jquery.mobile.scrollview. Cuando uso el scrollview mi contenido de la página rueda arriba y abajo. ¿Cómo puedo desactivar el contenido de desplazamiento? Mi código de 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> 

He encontrado la respuesta arriba para estar funcionando bien. Sin embargo, esto evitará el desplazamiento en los elementos secundarios de ".ui-content". Yo uso el

"Scrollstart"

Evento en su lugar y los elementos secundarios todavía se pueden desplazar.

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

Probado en iOS6 webview.

Puede vincularse al evento touchmove y return false para evitar el comportamiento predeterminado del evento touchmove :

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

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

Esta es una demostración que puedes probar en tu dispositivo móvil: http://jsfiddle.net/RKXLH/embedded/result/

En mi experiencia usted tiene que hacer 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 element2 puede ser cualquier cosa que desee y, por supuesto, la función de clic es sólo para el ejemplo, puede elegir cualquier función que desee.

  • Android: Detectando cuando ScrollView Hits Bottom
  • El desplazamiento suave no funciona en ViewPager (biblioteca de soporte)
  • Android, LinearLayout no se desplaza
  • Listview Desplácese al final de la lista después de actualizar la lista
  • Entrada de desplazamiento salvaje android
  • Cómo habilitar el desplazamiento en un simpleadapter en el firmware X16 de Google Glass
  • Evento de la galería a "cuando la imagen se centró"
  • Justificar texto en la vista de texto
  • Desplazamiento de desplazamiento de GridView
  • Soluciones para GridView.scrollTo ()?
  • Cómo desplazarse mediante programación WebView de Android
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.