Привязка ссылки для перехода к определенной части следующей страницы ⇐ Jquery

[Anonymous]

На домашней странице у меня есть услуги, перечисленные с кнопкой «Подробнее», когда пользователь нажимает кнопку «readmroe», я хочу отправить в соответствующий раздел страницы услуг с конкретным идентификатором.

но из-за липкой навигационной панели высотой 50 пикселей при прокрутке, которая перекрывает содержимое страницы услуг

домашняя страница:

[*]Главная [*]О программе [*]Связаться

• Сервис-1
• Сервис-2
• Сервис-3
• Сервис-4
• Сервис-5

поэтому, когда пользователь нажимает на службы-1, службы-2 и т. д., он должен перенаправиться в раздел идентификатора страницы служб. страница услуг:

[*]Главная [*]О программе [*]Услуги [*]Связаться Услуга-1 Здесь находится описание Услуги-1.
Услуга-2
Здесь находится описание Услуги-2.
Услуга-3
Здесь находится описание Услуги-3.
Сервис-4
Здесь находится описание Услуги-4.
Услуга-5
Здесь находится описание Услуги-5.





поскольку мы видим, что когда мы нажимаем кнопку «Читать далее» на домашней странице, которая перенаправляется на раздел идентификаторов страниц служб из-за прикрепленного заголовка, содержимое страницы услуг скрывается, как мы можем исправить эту проблему перенаправления, перекрывающую контент

Я пробовал смещение CSS, но не помогло
.destination { поле прокрутки: 100 пикселей 0 0 0; }