2014-01-18 7 views
10

Ich versuche, den Bounce beim Scrollen in Chrom zu entfernen. Sie werden bemerken, dass das obere weiße Schwarz fixiert ist und hinter dem zweiten gelben Block, wie gewünscht.Entfernen Bounce auf Blättern im Browser, Problem mit der Position: Feste div

Was ich tun muss, ist die Rolle entfernen, um den grauen Hintergrund im Browser zu enthüllen, ohne zu verhindern, dass die Rolle über den oberen weißen Block. Hoffe, dass es Sinn

HTML

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

<div id="content"> 

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

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

enter image description here

+4

Bitte tun Sie das nicht. Ich spiele gerne damit. :) –

+0

Könnten Sie bitte ein wenig klarer sein oder eine Geige von dem, was Sie versucht haben, bieten? – sree

Antwort

21

Bounce Scroll in Ihrem Browser macht, ist eine Funktion von einigen Versionen von OSX.

Um es geschieht auf Ihrer Website zu verhindern Sie folgende verwenden:

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> 

Demo