js固定层

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

.fixed-bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
  background-color: #333;
  color: #fff;
  z-index: 1000;
}

.fixed-side {
  position: fixed;
  top: 0;
  right: 0;
  width: 200px;
  height: 100%;
  background-color: #f4f4f4;
  z-index: 1000;
}

window.addEventListener('scroll', function() {
  var element = document.getElementById('fixed-element');
  if (window.pageYOffset > 100) {
    element.style.position = 'fixed';
    element.style.top = '0';
  } else {
    element.style.position = 'static';
  }
});

.content {
  margin-top: 60px; /* 根据固定层的高度调整 */
}

function handleScroll() {
  // 处理滚动逻辑
}

window.addEventListener('scroll', function() {
  requestAnimationFrame(handleScroll);
});

@media (max-width: 768px) {
  .fixed-side {
    width: 100%;
    position: relative;
  }
}