停止在覆盖下的身体滚动

Question

我有一个覆盖菜单，显示在手机上的内容。我似乎无法停止iOS或Android上的菜单下的滚动内容。我看到的每个地方都说使用溢出：隐藏;在身体上...我已经做了，而且没有工作。

我对这里举办的网站上去：http://stage.cribbsfuture.truedigital.co.uk/

任何想法，将不胜感激。

干杯

Answer 1

在触摸设备上，你必须防止touchmove事件，以避免在不必要的叠加滚动。

下应该满足您的需求：

element.addEventListener('touchmove', function(e) { 
    e.preventDefault(); 
}, false); 

或者使用jQuery：

$(element).on('touchmove', function(e) { 
    e.preventDefault(); 
});