由javascript生成的CSS类不适用于样式

Question

在iPhone Safari浏览器上测试页面时，我的行为确实很怪异。

[菜单（navbar）由javascript用CSS类给定后，样式不适用

导航栏应位于顶部显示角下方，但滚动时，它应停留在顶部。因此它是粘性导航栏。

该解决方案由在页脚onDocument准备就绪时触发的javascript提出。并将CSS类添加到导航栏的ID-称为“ sticky”

CSS:
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

JS
var navbar = document.getElementById("mainNav");
    var sticky = navbar.offsetTop;

    function myFunction() {
        if (window.pageYOffset >= sticky) {
            navbar.classList.add("sticky");
        } else {
            navbar.classList.remove("sticky");
        }
    }

offset taken by:
$('body').scrollspy({
        target: '#mainNav',
        offset: 75
    });

它可以在笔记本电脑上正常工作（CHrome，Safari ..）它添加类并完成工作。导航栏位于顶部。

在iPhone上，还添加了“粘性”类。但是从检查员的角度来看，没有应用任何实际样式。

样式表已通过...正确加载

发生了什么？

Answer 1

在编码时，按需设置并多次清除设置中的缓存并没有帮助。最终，内部到期迫使iOS / Safari真正重新加载了内容。

正常工作