Question

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

我想要发生的只是当浏览器低于700px高时页面能够垂直滚动。（所以没有内容被隐藏，因为它的所有固定的地方）。这感觉应该很简单，但它让我头疼。 js解决方案在这一点上很好。

提前致谢。

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

Answer 1

如果您指的是页面顶部正在剪切的内容，我建议您将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;}

Answer 2

在你的页面上玩Firebux（你提供的链接），我在div.floor_items添加了一个属性溢出：auto;问题得到解决;）

内容比我的测试屏幕分辨率更大，内容并非全部可见，但随着更改，滚动条出现并允许我滚动并查看“屏幕外”内容！

这是你的解决方案，如果这是你的问题！

Answer 3

您是否尝试过使用css媒体查询？要么通过添加overflow-y：滚动到html还是包含元素？ http://www.w3.org/TR/css3-mediaqueries/

@media screen and (max-height: 700px) {
       #your_element_to_scroll {overflow-y: scroll;}
}

这在旧版本的IE中无效。

溢出y：滚动到固定定位html＆amp; CSS

3 个答案: