HTML, CSS – Désactiver le défilement sur le corps

Je voudrais désactiver complètement le défilement sur le body HTML. J’ai essayé les options suivantes:

Je n’ai pas pu trouver d’alternative à ces deux options, n’y en a-t-il plus?

Définir la height et le overflow :

 html, body {margin: 0; height: 100%; overflow: hidden} 

http://jsfiddle.net/q99hvawt/

HTML css fonctionne bien si la balise body ne fait rien que vous puissiez écrire aussi

  

Dans ce cas, la priorité doit être sur la balise body, elle est plus facile à contrôler mais donne parfois des maux de tête.

Ce post était utile, mais je voulais juste partager une légère alternative qui pourrait aider les autres:

Définir la max-height au lieu de la height également l’affaire. Dans mon cas, je désactive le défilement basé sur une bascule de classe. Réglage .someContainer {height: 100%; overflow: hidden;} .someContainer {height: 100%; overflow: hidden;} lorsque la hauteur du conteneur est inférieure à celle de la fenêtre, le conteneur est étiré, ce qui ne serait pas ce que vous souhaitez. La définition max-height comptes max-height pour cela, mais si la hauteur du conteneur est supérieure à celle de la fenêtre lorsque le contenu change, désactive toujours le défilement.