这部分是以下内容的副本:在固定位置容器中滚动部分内容,但有更多限制,而且问题从未得到充分回答。
我有一个 100% 高度的固定位置侧边栏(我想它可能是绝对位置,前 0 下 0)
有许多元素占据了侧边栏的第一部分,然后是用户内容的选项卡(本质上是用户可以保存链接的区域)。侧边栏第一部分的元素可以添加和删除,因此用户内容的垂直起始位置是可变的。用户内容本身可以在选项卡内容中包含任意数量的链接,因此选项卡内容可能比侧边栏的其余部分占据更多的高度。当它这样做时,我希望在选项卡内容区域中出现一个滚动条来滚动浏览所有链接。
可以在这里看到一个演示页面:http: //protobrewui.meteor.com/
一个非常相似的类比是谷歌在 gmail 中所做的事情,如下图所示。
Google 可能会使用 javascript 或纯 css 来实现。纯 CSS 解决方案会更好,但 javascript 对我来说也是一个有效的选择。
更多信息:
- 我不希望整个侧边栏滚动,只有标签内容溢出页面
- 如果我必须在选项卡内容上方没有可变元素,我也许可以忍受。
- 标签内容应该能够在滚动之前占据浏览器窗口中剩余的任何高度,因此为标签内容提供固定高度并不是我想要的