CSSを使用してモーダルオーバーレイをスクロール可能にする方法

Question

モーダルの長さが現在のビューの高さを超えたときにオーバーレイをスクロール可能にするにはどうすればよいですか？

私のオーバーレイが現在、以下のCSSを持っています

.ngdialog-overlay { 
    position: fixed; 
    background: rgba(0, 0, 0, 0.4); 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    -webkit-backface-visibility: hidden; 
    -webkit-animation: ngdialog-fadein 0.5s; 
    animation: ngdialog-fadein 0.5s; 
} 

私が上、右、下と左のプロパティを削除した場合、私はモーダル外にうまくスクロールすることができ、しかし、私は目に見えるすべてのオーバーレイを持っていません。

私が見つけたSOのほとんどのソリューションは、上記のコードを使用しています（-webkitとanimationは例外ですが）。

Answer 1

オーバーフローを試みましたか。ダイアログで？

.ngdialog-overlay { 
    position: fixed; 
    background: rgba(0, 0, 0, 0.4); 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    -webkit-backface-visibility: hidden; 
    -webkit-animation: ngdialog-fadein 0.5s; 
    animation: ngdialog-fadein 0.5s; 
    overflow: auto; 
}