Question

我正在项目中使用 autocomplete 组件，连同自动完成组件一样，我在组件内部添加了 button ，用于添加新客户，如下图所示。

在这里我想实现两件事：

1）即使在滚动（即添加新客户）之后，我也希望使按钮保持固定状态。

2）我想减小滚动条的高度。我怎样才能做到这一点？这是分叉的stackblitz链接

Answer 1

1）使用position:sticky：

.add-button{
  position: sticky;
    top: 0;
    z-index: 2;
}

2）将height与.cdk-overlay-pane一起用于::ng-deep

::ng-deep .cdk-overlay-pane{
    height: 150px!important;}