在页面的特定位置使侧边栏粘滞

.sidebar {
  position: fixed;
  top: 50px; /* 侧边栏距离页面顶部的距离 */
  width: 200px; /* 侧边栏的宽度 */
}

window.addEventListener('scroll', function() {
  var sidebar = document.querySelector('.sidebar');
  var sidebarTop = sidebar.getBoundingClientRect().top;
  var scrollTop = window.pageYOffset || document.documentElement.scrollTop;

  if (scrollTop > sidebarTop) {
    sidebar.classList.add('sticky');
  } else {
    sidebar.classList.remove('sticky');
  }
});

.sidebar.sticky {
  top: 20px; /* 侧边栏固定位置距离页面顶部的距离 */
  /* 其他样式属性，如背景色、边框等 */
}