html - CSS によるオーバーレイのサイズ変更

Question

現在、いくつかのjqueryコードでサイズを変更しているポップアップオーバーレイがあります。この実装を CSS のみで動作するように変更したいと考えています。これは、私がjsFiddleと一緒に持っている一般的なセットアップです

<div id="BigDiv"></div>
<div id="Overlay"></div>

#Overlay{
    background:red;
    opacity:0.6;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%}

#BigDiv{
    height:2000px;
    width:2000px;
    background:blue;}

ご覧のとおり、オーバーレイは 100% の幅と高さでサイズ設定されているため、ユーザーがオーバーレイを見ると画面いっぱいに表示されます。ただし、ユーザーがスクロールしても、オーバーレイのサイズは変更されません。可能であれば、これを変更してサイズ変更を CSS でのみ機能させるにはどうすればよいですか。

ありがとう。