(Cond.) Навигатор с фиксированным верхом мерцает в Safari на iOS

Question

У меня какая-то неприятная проблема: у меня есть (bootstrap) панель навигации, которая прилипает к вершине после того, как вы прокрутите ее. Теперь он работает безупречно на моем компьютере, но когда на iOS мигает навигационная панель, когда вы прокручиваете / проводите пальцем вниз, а затем снова прокручиваете вверх.

Демо

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

HTML:

        <div class="collapse navbar-collapse justify-content-end" id="navbarSupportedContent">
          <ul class="navbar-nav">
            <!-- ... Links -->
          </ul>
        </div>
      </nav>

JS:

document.addEventListener('scroll', () => {
            $('#navbar').toggleClass('bk-navbar-scrolled-to', Math.floor($(document).scrollTop()) >= Math.floor(($('#navbar').offset().top)));
        });

(S) CSS:

.bk-navbar-scrolled-to {
    .navbar-brand {
        display: inline;
    }

    // Stick to top
    position: -webkit-sticky;
    position: sticky;
    top: 0;

    background-color: #333333 !important;
}

Я надеюсь, что вы можете мне помочь. Может я что-то наблюдаю?

Приветствия