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

Question

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

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

我正在使用 bootstrap 4+。

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

Answer 1

top nav bar blocking top content of the page

添加到您的 CSS：

body { 
    padding-top: 65px; 
}

来自 Bootstrap 文档：

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