如何定位固定的工具提示？

Question

我创建了一个可点击的工具提示，当您在卡片外部或图标中点击时该提示会消失，但是当我点击以显示工具提示并向上或向下滚动页面时，工具提示卡片会随之出现。但我希望它在我打开它的地方被修复。

.tooltip {
  margin: 0 0.15rem;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  icon {
    color: blue;
    font-size: 1.0rem;
    width: 1.0rem;
    height: 1.0rem;
  }
}

我试过位置：固定，但它不起作用。

更新：工具提示不再随页面滚动，我使用 ::ng-deep 访问类并设置位置：绝对，但其样式错误。