Html 如何使用overflow-y在固定位置div上定位粘性标题：滚动

我有一个弹出窗口，其中的信息将在固定维度分区上滚动。该弹出窗口还需要位置：固定，因为它可能出现在网站的任何位置：

HTML:

为了能够滚动浏览内容并始终看到关闭按钮和标题，我需要信息框标题是一个粘性标题，因此我尝试了position:sticky，但是，似乎父.info框的overflow-y:scroll根本不在乎

仅为信息框内容类设置overflow-y属性无效。 更新 这可能是因为未设置此信息框内容类的高度，但需要具有不同内容的类似框

---

你将如何处理这个问题？谢谢。

为

添加了维度和溢出。信息框内容

。高度需要调整。为演示目的，将设置为较小的值

.info框{
背景色：#0f0；
填充：1em；
位置：固定；
z指数：9999；
宽度：22em；
高度：38em；
}
.信息框内容{
宽度：20em；
高度：10公分；
溢出y：滚动；
}
.信息框标题{
位置：粘性；
}

性能


知识是一种美德，是一种美德，是一种美德，是一种美德。但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

<div class="info-box">
  <div class="info-box-header">
  <a data-val="perfil" class="box-control">
    <img class="close-btn" ... />
  </a>

<h3>PERFIL</h3><br><br>
</div>

<div class="info-box-content">
    <p>Lorem ipsum...</p>
</div>

</div>

  .info-box{
    background-color: #0f0;
    padding: 1em;
    position: fixed;
    z-index: 9999;
    width: 36em;
    height: 38em;

    overflow-y: scroll;
  }

  .info-box-content{
  }

  .info-box-header{
    position: sticky;
  }