顶部垂直空间上的固定位置 div

Question

我的情况是，我在其顶部的页面底部有固定位置的 div 高度百分比（见图）。问题是当我将页面滚动到最后时，它的一些内容隐藏在这个 div 下。我想我应该在页面底部添加空元素，但是最好的方法是什么？

Answer 1

一个不错的解决方案可能是将固定 div 的高度更改为vh 而不是% (see)，例如：

div.fixed-at-bottom { height: 20vh; .... }

然后将 margin-bottom 设置为具有相同值的内容 div（或多一点以获得更多空间）：

div.content { margin-bottom: 22vh; .... }

我创建了一个jsfiddle 来展示它。