当列表溢出时启用滚动条，当列表正常时禁用滚动条，并将滚动条粘贴到高度相等的列表上

.list-container {
  height: 300px; /* 设置容器高度 */
  overflow: auto; /* 当列表溢出时显示滚动条 */
}

var listContainer = document.querySelector('.list-container');
var list = document.querySelector('.list');

if (list.offsetHeight > listContainer.offsetHeight) {
  listContainer.style.overflow = 'auto'; // 启用滚动条
} else {
  listContainer.style.overflow = 'hidden'; // 禁用滚动条
}

.list::-webkit-scrollbar {
  width: 8px; /* 设置滚动条宽度 */
}

.list::-webkit-scrollbar-thumb {
  background-color: #888; /* 设置滚动条颜色 */
}

.list::-webkit-scrollbar-track {
  background-color: #f1f1f1; /* 设置滚动条背景色 */
}