在浏览器中滚动时移除反弹，位置：fixed div [英] Remove bounce on scroll in browser, issue with position:fixed div
本文介绍了在浏览器中滚动时移除反弹，位置：fixed div的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我正在尝试在Chrome中滚动时移除反弹。你会注意到，顶部的白色黑色是固定的，并在所需的第二个黄色块后面。
我需要做的是删除滚动以显示灰色背景浏览器，而不防止在顶部白色块上滚动。希望有意义
HTML
< div class =project>
< / div>
< div id =content>
< div class =warface>
< / div><！ - END warface - >
< / div><！ - END content - >
解决方案
浏览器中的反弹滚动是OSX某些版本的功能。 p>
为了防止您的网站发生，您可以使用以下操作：
CSS / p>
html，body {
height：100％;
overflow：hidden;
}
#mainContainer {
position：absolute;
top：0;
bottom：0;
left：0;
right：0; $ b $b overflow：auto;
}
HTML
< body>
< div id =mainContainer>
...
< / div>
< / body>
I'm trying to remove the bounce when scrolling in chrome. You'll notice the top white black is fixed and behind the second yellow block as desired.
What I need to do is remove the scroll to reveal the grey background in the browser without preventing the scroll over the top white block. Hope it makes sense
HTML
<div class="project">
</div>
<div id="content">
<div class="warface">
</div><!-- END warface -->
</div><!-- END content -->
解决方案
Bounce scroll in your browser is a feature of some versions of OSX.
To prevent it from happening on your website you can use following:
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>
这篇关于在浏览器中滚动时移除反弹，位置：fixed div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
