如何强制 <div> 在滚动时与屏幕顶部保持固定距离？

所以你是说你想在 div 顶部保持 30 像素间距，但仍然希望能够向下滚动？在这种情况下，我认为你必须使 div 本身可滚动。但既然这不是你想要的，那么div用position:fixed相同的背景颜色覆盖另一个怎么样？  <body>    <div class="overlay"></div>    <div class="content">      text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.       text to enable scrolling.     </div>  </body>body {  margin: 0;  padding: 0;  position: relative;  width: 100%;  height: 100%;}.content {  position: relative;  padding-top: 50px;  z-index: 1000;  background: white;  width: 300px;}.overlay {  position: fixed;  height: 50px;  width: 100%;  z-index: 2000;  background: white;}

如何强制 <div> 在滚动时与屏幕顶部保持固定距离？

4回答