无法在iOS上的Angular应用程序中制作粘性标题

<header>
  <h1>标题</h1>
  <nav>
    <!-- 导航按钮等 -->
  </nav>
</header>

header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #fff; /* 标题栏背景色 */
  z-index: 999; /* 可能需要调整的层级 */
}

window.addEventListener('scroll', function() {
  var header = document.querySelector('header');
  var scrollPosition = window.scrollY || window.pageYOffset;

  if (scrollPosition > 0) {
    header.classList.add('sticky');
  } else {
    header.classList.remove('sticky');
  }
});

header.sticky {
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 阴影效果 */
  transition: box-shadow 0.3s ease; /* 过渡动画 */
}