如何使我的CSS工具提示可滚动？

.tooltip-container {
  max-height: 200px; /* 设置最大高度 */
  overflow: auto; /* 设置滚动属性 */
}

<div class="tooltip-container">
  <span class="tooltip">这是一个可滚动的工具提示示例。</span>
</div>

.tooltip-container {
  position: relative;
  display: inline-block;
  max-height: 200px;
  overflow: auto;
}

.tooltip {
  position: absolute;
  top: 100%;
  left: 0;
  background-color: #f9f9f9;
  padding: 5px;
  border: 1px solid #ccc;
  display: none;
}

.tooltip-container:hover .tooltip {
  display: block;
}

var tooltipContainer = document.querySelector('.tooltip-container');
var tooltip = document.querySelector('.tooltip');

tooltipContainer.addEventListener('mouseenter', function() {
  tooltip.style.display = 'block';
});

tooltipContainer.addEventListener('mouseleave', function() {
  tooltip.style.display = 'none';
});