初学者web开发人员，在这里寻找如何修复这个奇怪的bug。

我下载了这个引导教程网站(https://bootstraplily.com/free-tutor-website-template-made-with-bootstrap/#google_vignette)。

填写关于我们链接的href后:

<li class="nav-item"> <a class="nav-link" href="#aboutUs">About Us</a> </li>

并添加相应的ID

<li class="nav-item"> <a class="nav-link" href="#aboutUs">About Us</a> </li>

，我注意到，单击navbar中的元素后，navbar会在页面上移动（请参见screenshot)中滚动条的位置。如何阻止这种情况/为什么会发生这种情况？

顺晟科技：