0

这部分是以下内容的副本:在固定位置容器中滚动部分内容,但有更多限制,而且问题从未得到充分回答。

我有一个 100% 高度的固定位置侧边栏(我想它可能是绝对位置,前 0 下 0)

有许多元素占据了侧边栏的第一部分,然后是用户内容的选项卡(本质上是用户可以保存链接的区域)。侧边栏第一部分的元素可以添加和删除,因此用户内容的垂直起始位置是可变的。用户内容本身可以在选项卡内容中包含任意数量的链接,因此选项卡内容可能比侧边栏的其余部分占据更多的高度。当它这样做时,我希望在选项卡内容区域中出现一个滚动条来滚动浏览所有链接。

可以在这里看到一个演示页面:http: //protobrewui.meteor.com/

一个非常相似的类比是谷歌在 gmail 中所做的事情,如下图所示。

邮箱

Google 可能会使用 javascript 或纯 css 来实现。纯 CSS 解决方案会更好,但 javascript 对我来说也是一个有效的选择。

更多信息:

  • 我不希望整个侧边栏滚动,只有标签内容溢出页面
  • 如果我必须在选项卡内容上方没有可变元素,我也许可以忍受。
  • 标签内容应该能够在滚动之前占据浏览器窗口中剩余的任何高度,因此为标签内容提供固定高度并不是我想要的
4

1 回答 1

1

您可以将列表包装在 div 中并设置height并添加overflow: auto;

小演示

编辑:演示更新

于 2013-05-01T23:05:42.553 回答