Riporto il seguente codice considerando la discutibile usabilità della cosa. In qualsiasi caso sono rimasto incuriosito ed ho provato a vedere se effettivamente il codice funzionasse e miracolo, il risultato c’è stato (da ringraziare, come al solito, le anime salvavita che popolano stackoverlow).
Qualche tempo fa mi fu chiesto di creare una pagina dove non si vedesse lo scroll laterale della pagina. Facciamo riferimento alla seguente immagine per capirne l’idea.

Per realizzare la cosa stendiamo il seguente codice html:

 

<div class="blocco-esterno">
<div class="blocco-interno">
Lorem ipsum sit dolo amet... etc etc
</div><!--chiudo .blocco-interno-->
</div><!--chiudo .blocco-esterno-->

 

 

Mentre il codice css lo redigiamo nella seguente maniera:

 

.blocco-esterno {
height:100vh; 
overflow:hidden;
}

.blocco-interno {
overflow: auto;
height: 100vh;
width: 100%;
padding-right: 100px;
}

 

 

La magia la fa l’accoppiata width:100% e padding-right:100px che non fanno altro che “spingere” fuori del blocco esterno (impostato con overflow hidden) la barra di scrolling del blocco interno. Ed il gioco è fatto.