Question

我有一个令人沮丧的问题：我有一个（引导）导航栏，在滚动到该导航栏后，该导航栏会停留在顶部。现在它可以在我的计算机上正常运行，但是在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;
}

希望您能帮助我。也许我正在监督什么？

欢呼

（续）固定顶部导航栏在iOS上的Safari中闪烁

0 个答案: