Search code examples
htmljquerycsstoggle

Toggle Element Should Block Content Underneath

How do I make a toggle element block all the content underneath? I tried width, height 100% but it cuts off my content within the toggle element

Solution

  • I figured it out by doing the following

    position: fixed;
height: 100%;
width: 100%;
overflow-y: auto;

    overflow-y: auto; ensures that any content that doesn't fit into the viewport can still get scrolled to