我的页面大致如下(行/列使用bootstrap css类):
<body>
<headers/navbar/etc/>
<Row>
<Col>
<scrolling content/>
<footer buttons/>
</Col>
</Row>
</body>
我希望调整内容的大小,以便“页脚按钮”通常出现在“滚动内容”的底部,但如果滚动内容超出视口,则它的容器将变为可滚动,将“页脚按钮”留在可滚动区域之外的视口底部。
'headers' 位的高度可能会有所不同,所以我不能只修复具有视口单位高度的父容器,而它可能看起来很奇怪。我不确定是否有一些现有的干净方法可以使用通用 css 或在引导程序中执行此操作。
我能想到的最好的想法是在运行时计算各种元素的高度,并根据剩余的内容为滚动内容分配一个固定的 vh 高度,但我不知道该怎么做。