CSS - Verrouille les barres de défilement en cas de débordement

Question

Comment empêcher TOTALEMENT le défilement sur mon site Web même en cas de débordement? Je ne veux tout simplement pas cacher les barres de défilement parce que vous pouvez simplement utiliser la roulette de la souris ou la page en bas de toute façon. Je veux qu'ils soient à la fois cachés et verrouillés.

Le problème est que j'ai cette structure (avec de vrais css et html bien sûr)

<outerdiv height="100%"> 
    <innerdiv height="100%"> 
    <contentdiv height="ALOT">content</contentdiv> 
    </innerdiv> 
<outerdiv> 

Je veux seulement innerdiv pour faire défiler ses enfants, mais parfois vous concentrer accidentellement le outerdiv et quand vous commencez à faire défiler alors la innerdiv va défiler hors de vue (parce que c'est un enfant de l'outerdiv) et vous ne pouvez plus voir le contenu réel. La mise en page initiale donnera à la fois à outerdiv et à innerdiv la hauteur du navigateur, mais lorsque l'on regarde le contenu pour faire défiler le outerdiv, cela semble aller jusqu'aux enfants d'innerdiv, ce qui n'a aucun sens puisque cela défile déjà d'elle-même.

Answer 1

Si vous utilisez tout l'écran de toute façon, alors pourquoi ne pas simplement utiliser position:absolute (avec top, left, right et left ensemble à 0) et overflow:auto avec le innerdiv?

Answer 2

pas de défilement: style = "débordement: aucun;"

défilement automatique: style = "débordement: auto;"