html - 如何锁定所有页面的滚动？

Question

我正在创建图像 slider ，它包含在大的、100% x 100%、绝对定位的弹出式 div 中。当 slider 处于事件状态时，我需要阻止主体滚动。我在 js 中尝试了 overflow: hidden 用于 body 标签 - 但它不起作用，于是我在 style.css 中尝试了它，结果是一样的。

body {
    position: relative;
    overflow: hidden;
    display: block;
}

那么如何通过css资源锁定所有页面的滚动呢？

Answer 1

在图片上使用固定定位

#myImage
{
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
}