Почему Yandex-браузер начинает замедляться при прокрутке на сайтах?

Yandex-браузер может замедляться при прокрутке на сайтах по разным причинам, таким как слишком много открытых вкладок, большое количество расширений, запущенные фоновые процессы или низкая производительность компьютера. Однако, если проблема возникает только при использовании определенного JavaScript-скрипта, возможно, есть способы оптимизировать его работу.

Чтобы оптимизировать скрипт на JavaScript, следует выполнить следующие действия:

1. Используйте сжатую версию скрипта. Уменьшение объема кода поможет ускорить его загрузку и исполнение.

2. Избегайте использования сложных вычислений и операций в циклах. Они могут значительно замедлить выполнение скрипта.

3. Оптимизируйте работу с DOM. Манипулирование элементами на странице может быть затратным по ресурсам. При возможности, старайтесь минимизировать количество операций с DOM.

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

5. Используйте событийные делегирование, чтобы уменьшить количество обработчиков событий на странице.

6. Проверьте, нет ли утечек памяти. Используйте инструменты для мониторинга памяти в браузере и убедитесь, что ваш скрипт не вызывает утечки памяти.

После оптимизации скрипта, протестируйте его работу в браузере Yandex, чтобы убедиться, что проблема с замедлением при прокрутке была устранена.

Фигни какой-то понаписали... 
 Выбросите нафиг весь этот ваш javascript. 
 Оставьте только 
 
 
window.addEventListener('scroll', function () {
  const currentScrollTop = window.pageYOffset || document.documentElement.scrollTop;
  document.body.classList.toggle('scrolled', currentScrollTop > 0)
});
 
 Далее показывание и скрытие элементов сделайте в css, отталкиваясь от класса body.scrolled 
 
.topbar__bottom-consult {
  opacity: 0;
  transition: 0.3s ease;
}
body.scrolled .topbar__bottom-consult {
  opacity: 1;
}
 
 Фиксирование наверху через position:sticky 
 
.topbar__bottom {
  position: sticky;
  top: 0;
}