Angularjs 阻止div在其父div上不覆盖滚动条

上下文： 我正试图解决这里提到的一个问题：

问题： 打开plnkr:并尝试用鼠标按住并拖动滚动条。鼠标无法使用父容器上的滚动条。顺便说一句，发生的情况是position:fixed div.overlay与其父容器的滚动条重叠

HTML:

---

我认为你应该把HTML改成

<div class="overlay"></div>
<div class="container">
  <div class="content">
  </div>
</div>
</div>

不要忘记更改css。

---

谢谢ZyXEL。这是一个好主意，但如果可能的话，我需要用CSS来实现。。我想这和你的问题很相似。看起来仅仅使用css是做不到的。

.container{
    position: fixed;
    overflow: auto;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;  
    padding: 160px;
}

.container .overlay{
    position: fixed;
    background: rgba(0, 0, 0, 0.4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.container .content{
    background: #f0f0f0;
    border-radius: 5px;
    max-width: 100%;
    position: relative;
}

<div class="overlay"></div>
<div class="container">
  <div class="content">
  </div>
</div>
</div>