One input - two classes

HTML & CSS
6

This is html example:

<div class="wrapper" id="wrap">
<div class="menu-scroll">
<nav id="navigation">
<label for="hamburger">&#9776;</label>
<input type="checkbox" id="hamburger"/>   
    <div class="toplink"><a href="_toplink1.html">[1] TopLink</a></div>
    <div class="toplink"><a href="#link02">[02] DropdownLink</a>
    <div class="sublinks" id="link02">
    <a href="_sublink_02_1.html">[02] SubLink1</a>
    <a href="_sublink_02_2.html">[02] SubLink2</a>
    </div></div>
</nav>
</div>
</div>

I’m using this css (and it works):

#wrap input:checked ~ .toplink { display: block; }

But, as I mentioned I need to add one more class to it

.menu-scroll {height: calc(100vh - 60px);}

… and when input is checked, that both classes apply (.toplink { display: block; } AND .menu-scroll { height: calc(100vh - 60px);}

Thanx in advance