android - 使用 css 禁用移动滚动

Question

我想在 div 位于前景时禁止正文滚动。 div 是可滚动的，我不希望正文与其一起滚动。我在浏览器中完成了此操作，但在移动设备中不起作用。当 div 打开时我需要更改什么:

$('body').css('overflow', 'hidden');

当 div 关闭时:

$('body').css('overflow', 'auto');

但正如我所说，它不适用于移动设备(iOS 或 Android)。我也尝试了 epreventdefault() 但没有帮助。 css 随 onclick 事件发生变化...

Answer 1

这对我有用:

document.body.scroll = "no";
document.body.style.overflow = 'hidden';
document.height = window.innerHeight;

document.body.addEventListener('touchmove', function(e){ e.preventDefault(); });