JQuery mobile отключить содержимое страницы вертикальной прокрутки

Как отключить вертикальный контент в jQuery mobile? Я хочу отключить всю прокрутку для содержимого страницы. Благодарю.


Я создаю страницу jquery.mobile, а в содержании добавляю jquery.mobile.scrollview. Когда я использую scrollview, содержимое моей страницы прокручивается сверху и снизу. Как отключить контент прокрутки? Мой код страницы:

<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> 

Solutions Collecting From Web of "JQuery mobile отключить содержимое страницы вертикальной прокрутки"

Я нашел ответ выше, чтобы хорошо работать. Однако это предотвратит прокрутку дочерних элементов «.ui-content». Я использую

"scrollstart"

Событие, а дочерние элементы по-прежнему прокручиваются.

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

Проверено на веб-просмотре iOS6.

Вы можете привязываться к событию touchmove и return false чтобы предотвратить поведение по touchmove события touchmove :

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

Это должно отключить прокрутку всех элементов data-role="content" . Вы можете обновить селектор .ui-content , чтобы быть более конкретным, если вы хотите использовать эту функцию только на одной или нескольких страницах.

Вот демоверсия, которую вы можете попробовать на своем мобильном устройстве: http://jsfiddle.net/RKXLH/embedded/result/

По моему опыту вы должны сделать так:

 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 и element2 могут быть любыми, что вы хотите, и, конечно, функция щелчка только для примера, вы можете выбрать любую функцию, которую хотите.