我有一个包含 mat-toolbar 和 cdk-virtual-scroll-viewport 的页面。我想让 mat-toolbar 始终位于屏幕顶部，而 cdk-virtual-scroll-viewport 填充屏幕的其余部分。
我尝试将 cdk-virtual-scroll-viewport 的高度设置为 100vh，但是，当我到达列表末尾时，工具栏消失了。
这是我准备的示例代码:https://stackblitz.com/edit/angular-lbxmce
如您所见，一旦我们滚动到底部的末尾，我们需要滚动回到第一项以使工具栏再次出现。如何固定工具栏的位置，同时让列表充满屏幕的其余部分？
谢谢。
最佳答案
最佳做法是为您的页面实现布局，并将 mat-toolbar 添加到布局中。
这是一个例子:
...
const routes: Routes = [
{
path: 'test',
component: TestLayoutComponent,
children: [
{ path: '', component: TestComponent },
]
}
];
@NgModule({
imports: [RouterModule.forChild(routes)],
exports: [RouterModule]
})
export class TestRoutingModule { }
关于css - 如何在 cdk-virtual-scroll-viewport 填充其余高度时始终保持工具栏位于顶部？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55815502/