首页 > 解决方案 > 即使在滚动时,使用导航栏固定顶部并将其下方的容器固定在其底部?

问题描述

在此处输入图像描述我正在使用 Bootstrap 中的“navbar fixed-top”。在它下面我有一个容器。我注意到每当我向下滚动页面时,导航栏下方的容器开始滑到导航栏下方(请参阅附图)。我知道这是固定顶部的预期行为,但我想知道即使用户向下滚动,是否始终将导航栏下方的容器固定在其底部?

在此处输入图像描述

标签: htmlcssbootstrap-4navbar

解决方案


获取固定元素的高度,比如 50px,然后:

body {margin-top:50px}

推荐阅读