我正在使用带有固定顶部的导航栏的Bootstrap4，并调整了向body标签添加padding-top，以便固定顶部不会遮挡内容。但是，我的链接只是在同一页面上的部分，当我点击链接时，填充被忽略，我被带到了错误的地方，我该怎么解决这个问题。
<body style="padding-top: 100px;">
<header>
<div class="container-fluid fixed-top bg-dark">
<div>
<div class="navbar navbar-expand-lg navbar-dark bg-dark container">
<div class="navbar-nav">
<a class="nav-item nav-link" href="#webserviceSection">
Webservice
</a>
<a class="nav-item nav-link" href="#artistHelpSection">
Artist Search
</a>
<a class="nav-item nav-link" href="#releaseHelpSection">
Release Search
</a>
<a class="nav-item nav-link" href="#xmlSchemaSection">
Xml schema
</a>
<a class="nav-item nav-link" href="#searchClientSection">
Java Search Client
</a>
</div>
</div>
</div>
</div>
</header>
<main>
<div class="container" id="webserviceSection">
............