javascript - Not overflow when two layouts overlap -

i have responsive medium view have implemented swipe functionality. have 2 layouts (asidefilters , content-results) can toggle view 1 or another. when swipe asidefilters content-results layout stays behind asidefilters. correct, overflows asidefilters.

if set content-results display: none javascript, asidefilters layout disappears see footer. how make div of content-results not overflow when asidefilters on, without affecting asidefilters?

here code:

<div class= "row outer">    // asidefilters layout, positioned left off screen    <div class= "aside-filters-medium inner">   </div>   // content-results layout, view when domcontentload   <div class= "head-content-results">   </div>   <div class="content-results">   </div> </div>  <style>   .outer {     overflow: hidden;     position: relative;     }    .inner {     position: absolute;     left: -100vw;     width: 100%;     z-index: 5;     } </style>