我有一个叠加菜单显示在移动设备的内容之上。我似乎无法阻止内容在 iOS 或 Android 的菜单下滚动。我到处都说要使用 overflow: hidden;在 body 上……我做过但没有用。
我在此处准备了网站:http://stage.cribbsfuture.truedigital.co.uk/
如有任何想法,我们将不胜感激。
干杯
最佳答案
在触摸设备上,您必须阻止 touchmove
事件以避免在覆盖层下不必要的滚动。
以下应满足您的需求:
element.addEventListener('touchmove', function(e) {
e.preventDefault();
}, false);
或者使用 jQuery:
$(element).on('touchmove', function(e) {
e.preventDefault();
});
关于css - 停止 body 在覆盖层下滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26429453/