Html:工具提示隐藏在带有滚动的分割屏幕上的div上(需要在父容器上保留"overflow-y:auto“)

.parent-container {
  overflow-y: auto;
}

<div class="parent-container">
  <div class="scrollable-div">
    <!-- 其他内容 -->
    <div class="tooltip">
      工具提示内容
    </div>
  </div>
</div>

.tooltip {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  /* 其他样式属性 */
}

// 使用JavaScript实现
const tooltip = document.querySelector('.tooltip');
const scrollableDiv = document.querySelector('.scrollable-div');

scrollableDiv.addEventListener('mouseover', () => {
  tooltip.style.display = 'block';
});

scrollableDiv.addEventListener('mouseout', () => {
  tooltip.style.display = 'none';
});