html - 在移动浏览器上打开 Bootstrap 3 模态时如何防止背景滚动？

Question

在移动平台上打开 Bootstrap 3 模态时如何防止背景滚动？在桌面浏览器上，背景无法滚动并正常工作。

在移动浏览器(Safari ios、Chrome ios 等)上，当模式打开并使用手指滚动它时，背景也会像模式一样滚动。我该如何防止这种情况发生？

Answer 1

参见此处:https://github.com/twbs/bootstrap/issues/7501

所以尝试:

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

V3.0.0。应该已经解决了这个问题。你用的是最新版本吗？如果是这样，请在 https://github.com/twbs/bootstrap/ 上发布问题