锚链接可以导航到锚点上方的像素偏移吗？

Question

我有一个div，它显示在页面上索引相应定义的字母，如下所示：

<div class="row">
    <div class="col-lg-12">
        <h1 class="page-header">Glossary</h1>
        <ol class="breadcrumb">
            <li><a href="index.html">Home</a></li>
            <li><a href="#A">A</a></li>
            <li><a href="#B">B</a></li>
            <li><a href="#C">C</a></li>
            <li><a href="#D">D</a></li>
            <li><a href="#E">E</a></li>
            <li><a href="#F">F</a></li>
            <li><a href="#G">G</a></li>
            <li class="active">H</li>
            <li><a href="#I">I</a></li>
            <li class="active">J</li>
            <li class="active">K</li>
            <li><a href="#L">L</a></li>
            <li><a href="#M">M</a></li>
            <li class="active">N</li>
            <li class="active">O</li>
            <li><a href="#P">P</a></li>
            <li class="active">Q</li>
            <li><a href="#R">R</a></li>
            <li><a href="#S">S</a></li>
            <li><a href="#T">T</a></li>
            <li><a href="#U">U</a></li>
            <li class="active">V</li>
            <li class="active">W</li>
            <li class="active">X</li>
            <li class="active">Y</li>
            <li class="active">Z</li>
        </ol>
    </div>
</div>

例如，＆＃34; A＆＃34; index看起来如此：

 <div class="col-xl-1">
    <div class="panel panel-default">
        <div class="panel-heading">
            <a id="A"><h4>A</h4></a>
        </div>

使用面板主体为定义提供一系列p标签。如何添加＆＃34;填充＆＃34;到哪里索引？例如，当您单击A时它会转到第一个定义，但我希望它大约高出100个像素