为什么滚动时我的按钮与导航栏重叠？

/* 导航栏样式 */
.navbar {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000; /* 确保导航栏在最上层 */
}

/* 按钮样式 */
.button {
  position: relative; /* 或 absolute/fixed，根据需要调整 */
  z-index: 1001; /* 确保按钮在导航栏之上 */
}

window.addEventListener('scroll', function() {
  var button = document.querySelector('.button');
  var navbar = document.querySelector('.navbar');
  var navbarHeight = navbar.offsetHeight;

  if (window.scrollY > navbarHeight) {
    button.style.position = 'fixed';
    button.style.top = navbarHeight + 'px';
  } else {
    button.style.position = 'relative';
    button.style.top = '0';
  }
});