jQuery di động nội dung trang dọc di chuyển dọc

Question

Làm thế nào tôi có thể vô hiệu hóa di chuyển dọc nội dung trong jquery di động? Tôi muốn tắt tất cả di chuyển cho nội dung trang. Cảm ơn.

---

Tôi tạo trang jquery.mobile và trong nội dung tôi thêm jquery.mobile.scrollview. Khi tôi sử dụng scrollview nội dung trang của tôi di chuyển trên và dưới. Làm cách nào để tắt nội dung cuộn? mã trang của tôi:

<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

Bạn có thể liên kết với các sự kiện touchmove và return false để ngăn chặn hành vi mặc định của sự kiện touchmove:

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

này nên vô hiệu hóa di chuyển trên tất cả các yếu tố data-role="content". Bạn có thể cập nhật bộ chọn .ui-content để cụ thể hơn nếu bạn chỉ muốn chức năng này trên/một số trang.

Đây là một bản demo bạn có thể thử trên thiết bị di động của bạn: http://jsfiddle.net/RKXLH/embedded/result/

Answer 2

Tôi tìm thấy câu trả lời ở trên để được hoạt động tốt. Tuy nhiên, điều này sẽ ngăn việc di chuyển trên các phần tử con của ".ui-content". tôi sử dụng

"scrollstart"

kiện thay thế và yếu tố con vẫn còn cuộn.

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

Đã thử nghiệm trên webview của iOS6.

Answer 3

Theo kinh nghiệm của tôi bạn phải làm theo cách này:

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 và element2 có thể bất cứ điều gì bạn muốn, và tất nhiên các chức năng nhấp chuột chỉ là ví dụ, bạn có thể chọn bất kỳ chức năng nào bạn muốn.