Внутренняя ссылка

подскажите как создать внутреннюю ссылку на сайте, но так чтобы при нажатии на ссылку, переход осуществлялся так, чтобы необходимый якорь оказывался примерно по центру страницы, а не вверху, так как у меня есть вверху закрепленное меню, которое перекрывает текст, на который указывает якорь


Ответы (1 шт):

Автор решения: Pavel Grishaev

Сделайте этот якорь отдельным, внутри нужного блока, и спозиционируйте его выше чем нужный блок:

<div class="content-block">
    <div class="goto-anchor" id="some-id"></div>
    Контент блока, к которому нужно проскролить страницу.
</div>

CSS:

.goto-anchor {
    position: relative;
    top: -200px;
}

Поправьте top на размер верхнего меню, плюс немного отступа. А размещать в середине не советую - много нюансов и вычислений потребуется. Ссылка:

<a href="#some-id">Ссылка на блок</a>
→ Ссылка