Html overflow hidden when div display block

body overflow with div display properties.

by Vishnuprasad ps

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<div class="PopupBGDiv2" style="display:block;">
sdfsdf
</div>

CSS

body {
  height:2000px;
  color: #000;
}

JavaScript

if ($('.PopupBGDiv, .PopupBGDiv1, .PopupBGDiv2, .PopupBGDiv3, .PopupBGDiv4').css('display') == 'block') {
  $('body').css('overflow-y', 'hidden');
  $('html').css('overflow-y', 'hidden');
} else {
  $('body').css('overflow-y', 'auto');
  $('html').css('overflow-y', 'auto');
}