Pavel-ww

(уровень знания начинающий)

Это ключ. Почему то все начинающие (не в плане кода, а в плане мыслей) пытаются сделать модалку в модалке)). Это не удобно, конфликтно и не адаптивно. Придумайте другое решение. Теоретически можно открыть модалку, но при этом закроется предыдущая. Суть внутренней сущьности должен быть не модалка, а какой нибудь дропдаун или селект. Просто стилизованный под модалку

В целом вообще всё не правильно. Зачем скрывать один Header и запуливать его транслейтом за пределы видимости и показывать другой? Это не только костыль, но и не семантично.

Если нет противопоказаний для position: sticky используйте это, без всяких скриптов.

Если требуется со скриптом и переключение позиционирования, то одному и тому же Header при прокрутке добавляете/удаляете класс sticky например. И там уже, в css пишете для sticky position fixed.

Это базовый принцип. Но при переключении позиционирования будет скачек контента из-за того что Header вылетает из потока при position fixed.
Поэтому, position fixed и всё стиливое оформление надо назначать для внутреннего блока, который должен быть размещен в Header. У самого Header должна быть настроена только высота.

Или добавлять padding-top равный высоте Header когда он получает класс sticky, для блока следующего за ним.
Эти подходы предотвратят скачек контента при скролле

Для этого необходимо использовать правильный html.
Конструкция должна быть не такая

<div>
   <a href="#"></a>
   <a href="#"></a>
   <a href="#"></a>
</div>

А такая

<ul>
    <li>
        <a href="#"></a>
    </li>
    <li>
        <a href="#"></a>
    </li>
    <li>
        <a href="#"></a>
    </li>
</ul>

Всегда исследуйте примеры инспектором кода и найдете ответы.

Никак. Это же обновление страницы с применением нового кода. Не работает по другому

Цели яндекс метрики. Нет?