在移動設備上禁用滾動

Question

我有一個簡單的HTML頁面，當我觸摸div時，我們無法滾動。你可以找到這個頁面here

如果你打開這個頁面的桌面瀏覽器，如Firefox，如果你按住div不能滾動。

現在我想在移動設備上的這種行爲，如Android。事實上在Android上，如果你打開這個頁面，你可以在任何情況下滾動。

對不起，在我的例子的顏色;）

Answer 1

我想你是問如何在移動設備上禁用滾動：

您可以添加的事件偵聽器touchstart和touchmove。然後當這些事件被觸發時，使用Modernizr來檢測瀏覽器是否是觸摸設備。顯然，並非所有的手機都是觸摸設備，並且有觸摸設備具有高分辨率，因此可隨意添加或添加到if語句中。

document.addEventListener('touchstart', this.touchstart); 
document.addEventListener('touchmove', this.touchmove); 

function touchstart(e) { 
    e.preventDefault() 
} 

function touchmove(e) { 
    e.preventDefault() 
} 

或者，只是使用Modernizr的，然後使用CSS：

html.touch body { 
    overflow:hidden; 
} 

，然後添加媒體查詢，有效有你或聲明。