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> 

3 Solutions collect form web for “JQuery móvil deshabilitar el contenido de la página desplazamiento vertical”

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.

  • Webview no desplazamiento después de agregar setOnTouchListener
  • Android WebView: deshabilitar el degradado del borde amarillo de desplazamiento
  • ¿Cómo obtener las flechas derecha / izquierda en Actividad para indicar más pantallas a la derecha / izquierda?
  • SetCurrentItem en ViewPager no se desplaza inmediatamente en la posición correcta
  • Android, appcompat v21, implementar técnicas de desplazamiento
  • El Método ScrollTo no tiene uso
  • La vista web de Android no tratará los eventos correctamente cuando el iframe esté presente
  • Desplazamiento por programación de una palabra en vista en una vista de texto
  • GetView llamado con la posición incorrecta al desplazarse rápido
  • Cómo detener la pantalla de desplazamiento a la parte superior de la selección de spinner en android
  • Cómo guardar la posición de desplazamiento de RecyclerView en Android?
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.