Làm cách nào để tắt di chuyển trong các trình duyệt trên điện thoại thông minh và máy tính bảng?

Question

Tôi sử dụng mã sau để tắt tính năng cuộn trong trình duyệt trên máy tính nhưng nó không hoạt động với độ phân giải màn hình iPhone.

$("html").css("overflow", "hidden"); 

Tôi cần thêm gì khác?

Answer 1

//target the entire page, and listen for touch events 
$('html, body').on('touchstart touchmove', function(e){ 
    //prevent native touch activity like scrolling 
    e.preventDefault(); 
}); 

nếu có sự kiện liên lạc bị chặn không làm việc cho bạn, bạn luôn có thể đi như thế này:

html, body{ 
    max-width:100%; 
    max-height:100%; 
    overflow:hidden; 
} 

Answer 2

Tôi sẽ cung cấp một một mảnh mà không sử dụng jQuery như vậy tiếp theo "Javascripter" chỉ có thể copy'n'paste:

var defaultPrevent=function(e){e.preventDefault();} 
document.body.parentElement.addEventListener("touchstart", defaultPrevent); 
document.body.parentElement.addEventListener("touchmove" , defaultPrevent); 
document.body.addEventListener("touchstart", defaultPrevent); 
document.body.addEventListener("touchmove" , defaultPrevent);