Join FlipAndroid.COM Telegram Group: https://t.me/joinchat/F_aqThGkhwcLzmI49vKAiw


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.

FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.