Css 删除浏览器中滚动时的反弹，位置问题：固定div

我试图消除在chrome中滚动时的反弹。您会注意到顶部的白色和黑色是固定的，位于第二个黄色块后面

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

HTML

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

<div id="content">

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

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

---

浏览器中的弹跳滚动是某些iOS/macOS版本的一项功能

为了防止这种情况在网站上发生，我们可以使用以下方法：

CSS

html，正文{
身高：100%；
溢出：隐藏；
}
#主容器{
位置：绝对位置；
排名：0；
底部：0；
左：0；
右：0；
溢出：自动；
}

HTML

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

<div id="content">

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

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

...

---

对于一个相关的问题，这里有一个更简单的答案：

---

已修改解决方案以不在页面中创建新div

html {
    height: 100%;
    overflow: hidden;
}

body {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: auto;
}

---

这对我来说很有效，但我不知道这是否是一个好方法，因为公认的答案是有效的。这是一个更简单和更新的版本

body {
    overscroll-behavior-y: none;
}

---

然而，不幸的是，它不适用于IE和Safari。是浏览器支持。

请不要这样做。我喜欢玩它。：）你能不能说得更清楚一点，或者提供一些你尝试过的东西？然后你就不能滚动了。更简单，更准确地说，我在找什么。