Html 在固定div位置下滚动时隐藏页面内容

我有一个固定的div位置，从页面顶部有一个边距，当我滚动页面时，我的相对位置div（有页面内容）的内容在固定div下可见（我可以看到滚动内容，因为我的固定div从页面顶部有边距）。我在stack overflow中搜索了很多内容，并尝试了各种解决方案，例如为body和Html添加填充，或者为我相对定位的div添加边距或填充，但它们都不适合我。而且内容仍然可见。我不想使用java脚本，也不想为body或Html使用填充。 例如，我看到了这些问题，但不适用于我： ，及。我的html代码如下所示：

<section class="all-result">
  <div class="nav">
   ...
  </div>
   <div class="results">
    .....
   </div>
</section>

---

在这里我添加了一个例子，我想你正在寻找

body{overflow-y:scroll；}
.所有结果
{
位置：绝对位置；
宽度：100%；
高度：3000px；
溢出：隐藏；
z指数：4；
背景：#759A97；
}
.nav{
宽度：100%；
高度：40px；
位置：固定；
边缘顶端：40px；
z指数：1000；
背景：#B9B9B9；
}
.结果
{
顶部：100px；
高度：300px；
位置：相对位置；
背景：#9A8975；
}

页面内容

.all-result{
 position:absolute;
 background: #fff;
 overflow-y: scroll;
 overflow-x: hidden;
 z-index: 4;
 right: 0;
}
.nav{ 
  position:fixed;
  margin-top:40px;
  z-index:1000;
  }
.results{
 width:100%;
 height:100%;
 position:relative;
 }