停止在叠加下滚动身体

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();
});