html - 溢出-y:滚动以使用固定位置的html和css

我有一个Jquery工具可滚动的thats设置为固定在浏览器窗口的底部。

我只想让页面在浏览器高度小于700像素时能够垂直滚动。 （因此，所有内容都不会被隐藏，因为所有内容都是固定的）。感觉应该很简单，但是却让我头疼。 js解决方案在这一点上很好。

提前致谢。

http://www.vagabondbrigade.com/staging/berns/

最佳答案

如果您指的是页面顶部被截断的内容，我建议您将CSS页面的顶部和底部边距放到适当的元素上，以利用它们的位置。

您可以对页面的主要结构进行固定的高度或宽度设置，然后对要定位的其他元素进行相应的定位。

例：

/ * HTML * /

<div id="main_structure">
  <div id="content">
      blah blah blah
  </div>
</div>

/ * CSS * /

#main_structure {width:100%; height:700px; margin:20px 20px 20px 20px; padding:20px;}
#content {width:200px; height:200px; padding:10px; margin:20px;}

关于html - 溢出-y:滚动以使用固定位置的html和css，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/3035159/