html - 添加一些边距或填充以显示粘性导航栏下的部分

Question

我正在使用scroll-behavior: smoothcss 进行平滑滚动。导航栏是粘性的，当单击菜单项时，它会将我带到定义的部分。

问题是该部分位于粘性导航栏下方。我希望它停止直到导航栏的高度。

我正在使用引导程序 4+。

我没有使用任何java脚本。那么如何为该部分提供一些边距或填充？

标签： htmlcssbootstrap-4

Answer 1

顶部导航栏阻止页面的顶部内容

添加到您的 CSS：

body { 
    padding-top: 65px; 
}

从引导文档：

固定导航栏将覆盖您的其他内容，除非您在正文顶部添加填充。