在浏览器中滚动时删除反弹,发出位置:固定div
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在浏览器中滚动时删除反弹,发出位置:固定div相关的知识,希望对你有一定的参考价值。
我正在尝试在Chrome中滚动时删除反弹。您会注意到顶部的白色黑色是固定的,并且根据需要位于第二个黄色块的后面。
我需要做的是删除滚动以在浏览器中显示灰色背景,而不会阻止滚动顶部白色块。希望它有意义
<div class="project">
</div>
<div id="content">
<div class="warface">
</div><!-- END warface -->
</div><!-- END content -->
答案
浏览器中的弹跳滚动是某些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>
以上是关于在浏览器中滚动时删除反弹,发出位置:固定div的主要内容,如果未能解决你的问题,请参考以下文章
当页面上存在较大的 div 时,位置固定 100% 不是视口宽度