js位置固定

.fixed-element {
  position: fixed;
  top: 0; /* 或者其他值，根据需要调整 */
  left: 0; /* 或者其他值，根据需要调整 */
  z-index: 1000; /* 确保元素在最上层 */
}

window.addEventListener('scroll', function() {
  var element = document.getElementById('fixedElement');
  if (window.pageYOffset > 100) { // 当页面滚动超过100px时
    element.style.position = 'fixed';
    element.style.top = '0';
  } else {
    element.style.position = '';
    element.style.top = '';
  }
});

function debounce(func, wait) {
  let timeout;
  return function(...args) {
    clearTimeout(timeout);
    timeout = setTimeout(() => func.apply(this, args), wait);
  };
}

window.addEventListener('scroll', debounce(function() {
  // 原来的滚动处理逻辑
}, 10));

<div id="navbar">导航栏</div>

#navbar {
  background-color: #333;
  color: white;
  padding: 10px;
  transition: top 0.3s;
}

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

window.addEventListener('scroll', function() {
  var navbar = document.getElementById('navbar');
  if (window.pageYOffset > 50) {
    navbar.classList.add('fixed');
  } else {
    navbar.classList.remove('fixed');
  }
});