Làm thế nào để vô hiệu hóa nảy trong ứng dụng iphone toàn màn hình html5?

Question

Tôi muốn tạo ứng dụng toàn màn hình html5. Tôi đã tạo một trang và thêm nó làm biểu tượng cho iphone của tôi. Tôi đã thêm thẻ meta:

<meta name="apple-mobile-web-app-capable" content="yes"> 
<meta name="apple-mobile-web-app-status-bar-style" content="black"> 
<meta name="viewport" content="width=device-width, user-scalable=no" /> 

Điều tôi muốn đạt được là: thanh trạng thái màu đen ở trên cùng (điều này không hoạt động và tôi không biết tại sao. Thanh trạng thái mặc định ... bất kỳ ý tưởng nào) không có khả năng để phóng to (như trong ứng dụng facebook) - điều này hoạt động tốt.

Bây giờ vấn đề - tôi có thể cuộn trên iphone của mình ngay cả khi ứng dụng của tôi vừa với màn hình. Nó bị trả lại, nhưng tôi không muốn hành vi này. Tôi muốn vô hiệu hóa và cho phép di chuyển cho một div cụ thể (.ui-nội dung). Làm thế nào tôi có thể đạt được điều đó?

CHỈNH SỬA: thanh trạng thái hiện có màu đen. Nó thay đổi sau một thời gian. Là phiên bản trước được lưu trữ trên iphone hay cái gì?

Answer 1

này sẽ ngăn chặn di chuyển trên toàn bộ trang

document.ontouchmove = function(e) {e.preventDefault()}; 

Trong trường hợp của bạn, nơi bạn muốn có một số divs được cuộn, và một số không, bạn sẽ có thể để đón sự kiện này trước khi nó được cho là tài liệu

scrollableDiv.ontouchmove = function(e) {e.stopPropagation()}; 

Answer 2

Nếu bạn sử dụng Cordova 1.7+, mở file Cordova.plist và thiết lập UIWebViewBounce chìa khóa để NO

Answer 3

mở rộng tiếp cận dmanxii ở đây là những gì chúng tôi đang làm.

$("body").on("touchmove", function (event) { 
     if ($(event.target).is(".WhatEverClass") || $(event.target).parentsUntil().is(".ParentClass")) { 
      //console.log("NOT Disabled"); 
     } 
     else { 
      //console.log("Disabled"); 
      event.preventDefault(); 
     } 
    });