javascript - 像 Facebook 一样禁用带有叠加层的滚动

Question

我想知道 Facebook 如何处理打开图像以查看大图时的浏览器滚动。滚动似乎被禁用但仍然可见(元素容器)。我想在网站上创建类似的行为，这样当我调用叠加层来显示图像时，滚动会被“禁用”，以避免人们滚动并看不到叠加层。

Answer 1

你要做的就是简单的设置

document.body.style.overflow = 'hidden';

虽然你不希望用户能够滚动，然后恢复到

document.body.style.overflow = '';

当你这样做的时候。

Here is a demo (点击它在两种状态之间切换)