CSS中在body中添加overflow:hidden会发生什么

如标题所述，页面只会展示浏览器中可见区域的那一块，页面的其他内容将无法展示，这也是为什么有时可以在网页中看到这么一个效果：

点击登录弹出一个登录框，底下的网页被一层灰色半透明的遮罩层遮罩，然后无法对网页进行拖动（滚动条消失），就是因为在JS中添加了document.body.style.overflow = "hidden"; 这么一行代码，导致页面非可视区内容被隐藏了，没有其他内容可看当然滚动条就消失了，并不是因为加上hidden可以直接让滚动条消失！有这么一个逻辑关系存在。