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

标签 javascript jquery browser scroll

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

最佳答案

你要做的就是简单的设置

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

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

document.body.style.overflow = '';

当你这样做的时候。

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

关于javascript - 像 Facebook 一样禁用带有叠加层的滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16390427/

相关文章:

javascript - iOS 真的在邮件附件中禁用 JavaScript 吗?

javascript - 永远不会调用带有 Jest 的模拟模块函数

JavaScript Isotope - 如何智能地创建多组过滤器以在一个容器上协同工作?

jquery - 如何垂直对齐中间到多个位置的绝对子div

javascript - 自动测量浏览器端性能时间

javascript - 有没有办法检测控制台用户是否正在更改变量

javascript - 如果您无法将参数传递给 JavaScript 文件,那么这段代码中的参数在做什么?

javascript - 当文本值大于 $40 时的模态 - jQuery

javascript - 如何将 Skype 与浏览器连接

html - 元素高度锁定到浏览器高度