jQuery mobil devre dışı bırak sayfa içeriği dikey kaydırma

Question

JQuery Mobile'da dikey içerik kaydırmayı nasıl devre dışı bırakabilirim? Tüm sayfa içeriğinin kaydırılmasını devre dışı bırakmak istiyorum. Teşekkürler.

---

Ben jquery.mobile sayfası oluşturmak ve içerik olarak ben jquery.mobile.scrollview ekleyin. Kaydırma özelliğini kullandığımda sayfa içeriğimi yukarı ve aşağı kaydır. Kaydırma içeriğini nasıl devre dışı bırakabilirim? Benim sayfa kodu:

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

Bunların hepsi data-role="content" unsurları kaydırma devre dışı olmalıdır:

<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

Sen touchmove olaya bağlayabilir

ve return falsetouchmove olayın varsayılan davranışını önlemek için. .ui-content seçiciyi, yalnızca bu işlevin bir kaç sayfada/sayfalarda olmasını istiyorsanız daha spesifik olması için güncelleyebilirsiniz. http://jsfiddle.net/RKXLH/embedded/result/

Answer 2

Yukarıda cevabı iyi çalışıyor bulundu: Burada

mobil cihazda deneyebilirsiniz bir demo. Ancak, bu ".ui içeriği" nin alt öğeleri üzerinde kaymayı engelleyecektir. yerine

"scrollstart"

olay kullanmak ve alt öğeler hala kaydırılabilir vardır.

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

iOS6 web görünümünde test edilmiştir.

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 ve Element2 istediğiniz herhangi bir şey olabilir, ve tabii ki tıklama fonksiyonu sadece örneğin, istediğiniz herhangi bir işlev seçebilirsiniz geçerli: Tecrübelerime göre

Answer 3

bu şekilde yapmak zorunda.