Make Modal Div Scrollable&不是页面背景

时间:2016-03-15 23:06:37

标签: html css

链接:http://wodgate.com/wp/

说明:点击'费率'在顶部导航中。

点击&#39;率&#39;出现两个div:主背景的div和包含内容的div。现在,当垂直滚动时,整个<body>滚动,但我需要<body>处于锁定位置并且只有顶部<div>可滚动。

1 个答案:

答案 0 :(得分:0)

进行以下更改:

#modal-div {
    width: 100vw;
    margin: 0 auto;
    z-index: 1002;
    display: none;
    padding-top: 100px;
    position: fixed;
    top: 0;
    bottom: 0;
    overflow: auto;
}

当模态显示给出body此规则时:

overflow: hidden;