使用引导和jquery将div滚动到页面顶部

我有下面的例子几乎工作，但希望得到导航栏右侧的链接，以滚动div到浏览器顶部导航栏正下方。如果还有更多的div可供查看，它就会起作用。联系人链接将完整div滚动到视图中，但不会滚动到页面顶部。（在完整页面模式下更容易查看）

正文{
位置：相对位置；
}
#主页{填充顶部：50px；高度：500px；颜色：#fff；背景色：#1E88E5；}
#关于{填充顶部：50px；高度：500px；颜色：#fff；背景色：#673ab7；}
#公文包{填充顶部：50px；高度：500px；颜色：#fff；背景色：#ff9800；}
#联系人{填充顶部：50px；高度：500px；颜色：#fff；背景色：#00bcd4；}

家
尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

关于
尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

文件夹
尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

接触
尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

我有一个可能的解决方案。您可以使最底部的div占据整个页面的高度，以便它可以一直滚动到顶部

我让最底层的div占据了整个屏幕空间

min-height:100vh;

正文{
位置：相对位置；
}
#主页{填充顶部：50px；高度：500px；颜色：#fff；背景色：#1E88E5；}
#关于{填充顶部：50px；高度：500px；颜色：#fff；背景色：#673ab7；}
#公文包{填充顶部：50px；高度：500px；颜色：#fff；背景色：#ff9800；}
#触点{填充顶部：50px；高度：500px；颜色：#fff；背景色：#00bcd4；
最小高度：100vh；}

家
尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

关于
尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

文件夹
尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

接触
尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

我有一个可能的解决方案。您可以使最底部的div占据整个页面的高度，以便它可以一直滚动到顶部

我让最底层的div占据了整个屏幕空间

min-height:100vh;

正文{
位置：相对位置；
}
#主页{填充顶部：50px；高度：500px；颜色：#fff；背景色：#1E88E5；}
#关于{填充顶部：50px；高度：500px；颜色：#fff；背景色：#673ab7；}
#公文包{填充顶部：50px；高度：500px；颜色：#fff；背景色：#ff9800；}
#触点{填充顶部：50px；高度：500px；颜色：#fff；背景色：#00bcd4；
最小高度：100vh；}

家
尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分，并在滚动时查看导航栏

关于
尝试滚动此部分，并在滚动时查看导航栏！尝试滚动此部分并查看navigati