Html 角度：如何在滚动DropdOn选项列表时保持标题固定且始终不显示

在我的应用程序下，我有一个mat select小部件，它是一个选项列表，我用来在列表中滚动以查看所有选项：

我想在选项列表的顶部添加一个标题，这样，它在滚动时始终保持外观

<mat-select placeholder="Selectionner la boutique"
                        id="libelleShop"
                        #inputSelectShop
                        [(value)]="selectedlibelleShopoValue"
                        ngDefaultControl
                        formControlName="libelleShop"
                        (selectionChange)="onShopSelectionChanged($event)">
              /* THIS IS MY HEADER DIV */
              <div id="myHeader" class="m-2">
                <span class="myHeaderClass"></span>
              </div>
              <mat-option *ngFor="let shop of bad3ShopsListSortedByName"
                          [value]="shop.edoId">
                {{shop.storeName}}
              </mat-option>
</mat-select>

/*这是我的头球*/
{{shop.storeName}

如何将此div固定在顶部，并防止它在滚动到列表底部时消失

---

建议？

将以下内容添加到您的css中（您缺少顶部：xxx px值），因为这决定了要准确地坚持到哪里

.m-2 {
   position: sticky;
   top: 0px;
   z-index:1000;
   margin-bottom: <whatever you need>px;

}

.m-2{
位置：粘性；
顶部：0px；
z指数：1000；
边缘底部：px；
}

您是否尝试过CSS

位置：粘性？@Adil它没有做任何更改是的，但是缺少了一些东西，最初它是好的，但是当滚动选项似乎显示在与Search输入相同的平面空间中时，我认为有一些空白，如果需要，您可以使用z-index，我猜也有空白。我不知道你到底想要什么，也不知道每件事到底有多大