css - 固定位置的div

Question

我有一个样式为 position:fixed 的 div，我希望它向下滚动页面，但我不希望 div 溢出到页脚。我怎样才能做到这一点？

提前致谢，肖恩

Answer 1

试试这个。

CSS

body, html {height:100%;margin:0;padding:0} /* margin and padding 0 for firefox*/
.mainBody {height:90%;overflow:auto;}

HTML

  <div style="border:1px solid black;">TOP</div>
  <div class="mainBody">
      <div style="height:800px;"></div> <!-- To for scroll -->
      HERE IS Main Body
  </div>

这会将滚动条从窗口转移到显示内容的 div。TOP div 将保留在您想要的任何位置，因此您可以将其绝对定位或保持原样，并且永远不会与您的页脚发生冲突，您可以将页脚放在主体 div 中。