Html 使用Navbar固定顶部，并使其下方的容器即使在滚动时也固定在底部？

我正在使用引导程序中的“导航栏固定顶部”。在它下面我有一个容器。我注意到，每当我向下滚动页面时，导航栏下方的容器开始在导航栏下方滑动，请参阅所附照片。我知道这是一个固定顶部的预期行为，但我想知道，即使用户向下滚动，是否有办法始终将导航栏下方的容器固定在底部

---

获取固定元素的高度，比如说50px，然后：

body {margin-top:50px}

---

请添加页眉高度作为容器顶部的边距。。例如

css

或

JQUERY

---

您可以在元素中添加一个填充顶部。感谢您回复我，这在页面加载时解决了我的问题。但是，当我开始向下滚动页面时，容器仍然会在导航栏下方滑动。所以，在滚动时，您希望容器覆盖固定元素吗？也许你想在滚动开始时隐藏固定元素？请参考新添加的图片，我希望解释一下我想要实现的目标。基本上，当我向下滚动时，我不希望容器开始从窗口的顶部消失，而是从导航栏的底部消失。如果您不想使用js，只需移除顶部的固定位置，它就会正常滚动。

.container {
 margin-top:100px; /*height of the header*/
}

var headerheight = jQuery('header').outerHeight();
jQuery('header').css("margin-top",headerheight);