在弹出窗口激活时禁用滚动

14 浏览
0 Comments

在弹出窗口激活时禁用滚动

我按照在线教程（http://uposonghar.com/popup.html）创建了一个jQuery弹出窗口。

由于我对jQuery的了解有限，无法满足我的要求。

我的问题：

  1. 我想在弹出窗口激活时禁用网页的滚动。
  2. 在整个网页上，弹出窗口激活时的背景淡入颜色不起作用。

CSS：

body {
    background: #999;
}
#ac-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.6);
    z-index: 1001;
}
#popup{
    width: 555px;
    height: 375px;
    background: #FFFFFF;
    border: 5px solid #000;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    box-shadow: #64686e 0px 0px 3px 3px;
    -moz-box-shadow: #64686e 0px 0px 3px 3px;
    -webkit-box-shadow: #64686e 0px 0px 3px 3px;
    position: relative;
    top: 150px; left: 375px;
}

JavaScript：

HTML：

  

    弹出内容在这里
    
  

页面内容在这里

0