Запретить прокрутку фона при появлении наложения ⇐ CSS

[Гость]

Я написал свои собственные модальные классы с использованием CSS и успешно использовал их в своем приложении. Однако проблема, с которой я столкнулся, заключается в том, что когда наложение открыто, я все равно могу прокручивать фоновое содержимое. Как я могу остановить прокрутку фонового содержимого, когда мое модальное окно/оверлей открыто?

Это мое модальное окно, которое открывается поверх наложения
< бр />

Код: Выделить всё

{this.props.openModal ?


{}



{ this.renderPostType() }


 : null}

my overlay css

Код: Выделить всё

.overlay {
background-color: rgba(0, 0, 0, .70);
position: fixed;
width: 100%;
height: 100%;
opacity: 1;
left: 0;
right: 0;
-webkit-transition: opacity .25s ease;
z-index: 1001;
margin: 0 auto;
}

Источник: https://stackoverflow.com/questions/479 ... ay-appears