在浏览器中滚动时删除反弹,发出位置:固定div

问题描述 投票:15回答:1

我正在尝试在Chrome中滚动时删除反弹。您会注意到顶部的白色黑色是固定的,并且根据需要位于第二个黄色块的后面。

我需要做的是删除滚动以在浏览器中显示灰色背景,而不会阻止滚动顶部白色块。希望它有意义

HTML

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

<div id="content">

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

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

css google-chrome overflow
1个回答
31
投票

浏览器中的弹跳滚动是某些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

© www.soinside.com 2019 - 2024. All rights reserved.