Supprimer le rebond sur défiler dans le navigateur, problème avec la position: div fixe

J'essaie de retirer le rebond lors du défilement dans google chrome. Vous remarquerez que le haut blanc noir est fixe et derrière le deuxième bloc jaune comme souhaité.

Ce que je dois faire est de retirer le rouleau de révéler le fond gris dans le navigateur, sans pour autant empêcher le défilement sur le dessus blanc bloc. Espérons que cela a du sens

HTML

<div class="project">
</div>

<div id="content">

    <div class="warface">   
    </div><!-- END warface -->

</div><!-- END content -->

Supprimer le rebond sur défiler dans le navigateur, problème avec la position: div fixe

source d'informationauteur Rob

  1. 27

    Rebond de défilement dans votre navigateur est une caractéristique de certaines versions d'OSX.

    Pour l'empêcher de se produire sur votre site web, vous pouvez utiliser la suite:

    CSS

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

#mainContainer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

    HTML

    <body>
    <div id="mainContainer">
        ...
    </div>
</body>

    Démo