Empêcher le "surdéveloppement" d'une page web

Question

Dans Chrome pour Mac, on peut "survoler" une page (faute d'un meilleur terme), comme le montre la capture d'écran ci-dessous, pour voir "ce qu'il y a derrière", comme sur l'iPad ou l'iPhone.

J'ai remarqué que certaines pages l'ont désactivé, comme gmail et la page "nouvel onglet".

Comment puis-je désactiver le "défilement excessif" ? Existe-t-il d'autres moyens de contrôler le "défilement excessif" ?

Answer 1

html,body {
    width: 100%;
    height: 100%;
}
body {
    position: fixed;
    overflow: hidden;
}

Answer 2

L'effet de rebond ne peut être désactivé que si la hauteur de la page web est égale à window.innerHeight vous pouvez laisser vos sous-éléments défiler.

html {
    overflow: hidden;
}

Answer 3

position: absolute fonctionne pour moi. J'ai testé sur Chrome 50.0.2661.75 (64-bit) et OSX.

body {
  overflow: hidden;
}

// position is important
#element {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}