Deshabilitar el comportamiento de "sobredespliegue" de Safari 5 usando CSS o JavaScript

Question

Safari 5 en OS X Lion le permite desplazarse más allá de los límites visibles de la página, revelando una textura de lino debajo de ella. Es un efecto agradable, pero para algunas aplicaciones web, especialmente aquellas con elementos de posición fija como una barra lateral, puede ser una distracción. ¿Alguien sabe cómo desactivar el efecto usando CSS o JavaScript? Debe ser posible, porque algunos sitios como el propio iCloud de Apple lo han hecho.

Answer 1

Hay un blog post que habla de lo que debe hacer para desactivar el desplazamiento elástico en dispositivos Mac OS X e iOS. De acuerdo con el sitio que parece ser tan simple como la siguiente regla CSS para navegadores de escritorio:

body { overflow: hidden; } 

Answer 2

html { overflow: hidden;} 
body { overflow: scroll;} 

Answer 3

Esto hace el truco:

body, 
html { 
    position: fixed; 
} 

Probado y verificado con iOS8 y iOS9.