Как исправить скрол в меню по клику?

Для исправления скролла в меню по клику вам нужно добавить JavaScript код, который будет обрабатывать событие клика на определенные элементы меню и плавно прокручивать страницу к соответствующему разделу. Вот пример такого кода:

1. В HTML разметке добавьте атрибуты id к разделам, к которым вы хотите прокручивать страницу, и ссылки на эти разделы в вашем меню, например:

<a href="#section1">Раздел 1</a>
<a href="#section2">Раздел 2</a>

<section id="section1">
  <!-- Содержимое раздела 1 -->
</section>

<section id="section2">
  <!-- Содержимое раздела 2 -->
</section>

2. В JavaScript коде найдите все ссылки в меню и добавьте обработчик события клика для каждой из них:

document.querySelectorAll('header a').forEach(item => {
  item.addEventListener('click', event => {
    event.preventDefault();
    const targetId = item.getAttribute('href');
    const targetElement = document.querySelector(targetId);
    window.scrollTo({
      top: targetElement.offsetTop,
      behavior: 'smooth'
    });
  });
});

3. В этом коде мы перехватываем событие клика на ссылке в меню, отменяем стандартное поведение перехода по якорной ссылке (event.preventDefault()), находим целевой элемент с помощью его id, определяем его вертикальное положение на странице (targetElement.offsetTop) и плавно прокручиваем страницу к этому элементу (window.scrollTo()) с использованием "плавного" поведения (behavior: 'smooth').

Это простой способ добавить плавный скролл к разделам на вашей странице при клике на элементы меню. Помните, что вы можете настраивать этот код и добавлять дополнительные функции в зависимости от ваших потребностей.