jQueryモバイル無効ページコンテンツ垂直スクロール

Question

jqueryモバイルで垂直コンテンツスクロールを無効にする方法はありますか？ ページコンテンツのすべてのスクロールを無効にします。おかげさまで

---

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

Answer 1

あなたはtouchmoveイベントのデフォルト動作を防ぐためにtouchmoveイベントとreturn falseに特異的に結合することができます。

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

これは、すべてのdata-role="content"要素にスクロールを無効にする必要があります。 .ui-contentセレクタを更新すると、特定のページのみでこの機能を使用する場合に、より具体的にセレクタを更新できます。ここで

は、あなたのモバイルデバイス上で試すことができますデモです：http://jsfiddle.net/RKXLH/embedded/result/

Answer 2

私は上記の答えはうまく働いていることが判明しました。ただし、これは ".ui-content"の子要素のスクロールを防ぎます。 は私の代わりに

"scrollstart"

イベントを使用して子要素はまだスクロール可能です。

iOS6 webviewでテスト済みです。

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); 
    }); 
} 

要素1と要素2は、あなたが望むものをすることができ、そしてもちろん、クリック機能は、単にたとえば、あなたが望む任意の関数を選択することができます：私の経験で

Answer 3

あなたはこの方法を行う必要があります。