Я использую anchor links для перехода к различным разделам на странице.
Проблема в том, что при переходе раздел полностью перемещается в верхнюю часть страницы вверху заголовка, поэтому часть раздела скрыта.
Можно ли указать позицию для показа ссылки? Я хочу, чтобы он перемещал только верхнюю часть раздела в нижнюю часть заголовка.
Я очень новичок в кодировании и искал повсюду разрешение, но я не уверен, возможно ли это вообще, или, возможно, я на неправильном пути.
Я пытался использовать позиционирование и поля в моем CSS, но это не работает. Вот где я сейчас нахожусь.
HTML:
`<body>
<header>
<ul
>
<li><a href="#rambles">Rambles</a></li>
<li><a href="#recordedMaterial">Recorded Material</a></li>
<li><a href="#reachOut">Reach Out</a></li>
</ul>
</header>`
CSS
div.section:target {
position: inherit;
top: 130px;
}
Я пытался использовать положение, чтобы переместить секцию вниз под заголовком, но он все еще толкает ее наверх и просто создает большое пространство между секцией выше.