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

Question

我正在创建图像滑块，它包含大，100％x 100％，绝对定位弹出div。当滑块处于活动状态时，我需要阻止身体滚动。我试过溢出：隐藏为身体标签，在js中 - 它不起作用，我在style.css上尝试过，结果是一样的。

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

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

Answer 1

在图像上使用固定定位

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