Можно повесить событие на скролл и постоянно измерять прокрутку чтобы поменять класс на fixed, но есть более простое и универсальное решение

Достаточно добавить нужному блоку свойства:

 position: -webkit-sticky; /* Safari */
  position: sticky;