2014-01-18 36 views
10

我试图删除在铬滚动时反弹。你会注意到顶部的白色黑色是固定的,并在第二个黄色块后面。删除浏览器滚动浏览器的反弹,问题与位置:固定格

我需要做的是移除滚动条以显示浏览器中的灰色背景,而不阻止顶部白色块的滚动。希望这是有道理的

HTML浏览器中的

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

<div id="content"> 

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

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

enter image description here

+4

请不要这样做。我喜欢玩它。 :) –

+0

可以请你更清楚一点或提供一个你试过的小提琴吗? – sree

回答

21

弹跳滚动是OSX的某些版本的功能。

为了防止它发生在你的网站,你可以使用下列内容:

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