css - 停止 body 在覆盖层下滚动

Question

我有一个叠加菜单显示在移动设备的内容之上。我似乎无法阻止内容在 iOS 或 Android 的菜单下滚动。我到处都说要使用 overflow: hidden;在 body 上……我做过但没有用。

我在此处准备了网站: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();
});