如何保持工具栏始终在顶部，而cdk-virtual-scroll-viewport填充其余高度？

要实现工具栏始终在顶部，而cdk-virtual-scroll-viewport填充其余高度，可以通过以下步骤来实现：

1. 使用CSS将工具栏固定在页面顶部。可以使用position: fixed属性将工具栏固定在顶部，同时使用top: 0属性将其置于页面顶部。
2. 使用cdk-virtual-scroll-viewport填充其余高度。cdk-virtual-scroll-viewport是Angular CDK库中的一个组件，用于实现虚拟滚动，提高大型列表的性能。为了让cdk-virtual-scroll-viewport填充其余高度，可以使用CSS将其设置为占满剩余空间。

下面是一个示例代码：

HTML部分：

<div class="toolbar">工具栏内容</div>
<cdk-virtual-scroll-viewport class="viewport">
  <!-- 虚拟滚动内容 -->
</cdk-virtual-scroll-viewport>

CSS部分：

.toolbar {
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #f2f2f2;
  padding: 10px;
}

.viewport {
  position: absolute;
  top: 50px; /* 工具栏高度加上一些间距 */
  bottom: 0;
  left: 0;
  right: 0;
  overflow: auto;
}

在上述示例中，工具栏使用CSS的position: fixed属性固定在页面顶部，而cdk-virtual-scroll-viewport使用CSS的position: absolute属性占满剩余空间。

请注意，这只是一种实现方式，具体的实现方法可能因项目需求和框架而有所不同。此外，腾讯云相关产品和产品介绍链接地址可以根据实际情况进行选择和提供。