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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在浏览器中滚动时删除反弹,发出位置:固定div相关的知识,希望对你有一定的参考价值。

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

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

html

<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>

Demo

以上是关于在浏览器中滚动时删除反弹,发出位置:固定div的主要内容,如果未能解决你的问题,请参考以下文章

滚动时禁用 UITableView 垂直反弹

当用户滚动到页面的最底部时淡入/淡出固定位置 div

在新的固定位置 div 创建后滚动条不显示

当页面上存在较大的 div 时,位置固定 100% 不是视口宽度

css div 固定一个div 使这个div不随着网页的滚而滚动 就是把这个div固定在一个位置任何时候都在一个位置

如何使DIV的高度固定,当超出固定高度时,出现自动滚动条