Как убрать скролл в мобильной версии если все таки необходимо спрятать часть блока, чтобы при нажатии он появлялся полностью?

document.querySelector('.block_hidden').addEventListener('click', function(){ 
  this.classList.toggle('open'); 
}) 

body { 
  padding: 0; 
  margin: 0; 
} 
.wrapper { 
  width: 100%; 
  height: 400px; 
  background-color: orange; 
  position: relative; 
  overflow: hidden; 
} 
.block_hidden { 
  height: 250px; 
  width: 400px; 
  background-color: green; 
   position: absolute; 
  top: 10px; 
  right: 0; 
  transition: all .5s; 
  transform: translateX(50%); 
} 
.block_hidden.open { 
  transform: translateX(0); 
}

<div class="wrapper"> 
  <div class="block_hidden"></div> 
</div>