HTML 中的弹出式授权

Question

I recently wrote some code for a pop-up sign in and sign up. But I am having trouble as I want to hide overflow-y when someone is signing up using my pop-up.

 #Login { background: rgba(102, 102, 102, 0.5); width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; display: none; } #okno1 { width: 400px; height: 200px; text-align: center; padding: 15px; border: 2px solid #3A5156; color: Black; font-family: Ubuntu; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; background: #fff; font-size: 22px; } #Login:target { display: block; }

 <div id="Login"> <div id="okno1"> Вход<br> <a href="#" class="close1"><img src="Krest.png" id="Krestik1"></a> </div> </div>

Answer 1

Try usingoverflow-y: hidden :

:root,
html,
body {
  overflow-y: hidden;
}