可变高度的cdk-virtual-scroll-viewport
我想在时间轴视图中使用 cdk-virtual-scroll-viewport 来显示高度不同的项目。 因此，设置 itemSize="x"，根据文档引用的是列表中项目的大小（以像素为单位），是不可行的。 autosize 目前还不可用。 是否可能使用具有可变项目大小的 cdk-virt...
Angular虚拟滚动：当滚动到底部时追加新项目
我希望在我的Angular应用程序上使用虚拟滚动。列表中的项目是远程分页搜索的结果。当我向下滚动视口到达底部时，我想加载更多结果（调用下一页）。 这是我的模板：<div class="container"> <cdk-virtual-scroll-viewport ...
Angular: cdkVirtualFor无法渲染新项目
我正在构建一个垂直滚动的日历。初始天数已经加载，但是当新的天数被添加到列表中时，它们没有被渲染。 <cdk-virtual-scroll-viewport class="demo-viewport" [itemSize]="100" (onContentScrolled)=...
如何使用Angular的Material虚拟滚动在程序中滚动到项目？
我有一个列表，其中有许多项目，每个项目都可以被选择。为此，我使用了Angular Material Virtual Scroll。当选择某个项目时，所选项目会被突出显示，然后保存到服务器上。当我刷新页面时，所选项目从服务器返回并再次突出显示。 我的代码如下：<cdk-virtual-s...
滚动算法 -- 提高数据的获取和显示
我想提出一个理论问题。 假设我有一个无限滚动的功能，实现方式参考这里：https://medium.com/frontend-journeys/how-virtual-infinite-scrolling-works-239f7ee5aa58。它并不复杂，简单来说就是一个数据表格，大小为Nx...
如何使用 cdk-virtual-scroll-viewport 实现表格 tbody 的虚拟滚动
自从 HTML 解析 tr 然后 td，使用 <cdk-virtual-scroll-viewport> 会破坏视图，是否有 cdkVirtualScrollViewport 指令适用于 <tbody>？ <tbody> <cdk-virtual-s...
带有动态变量高度/宽度的Angular虚拟滚动？
我正在寻找一个具有以下功能的angular虚拟滚动包: 1) 横向虚拟滚动 2) 容器宽度和高度是流体的。 3) 项目宽度设置为容器宽度的百分比。 4) 项目在渲染过程中可以最小化。 Angular cdk目前仅适用于固定的项目高度和宽度... 以下是应该如何呈现的示例: .paren...
Angular 7中的虚拟滚动条不可见 - 默认高度为零
情境： 尝试基本的虚拟滚动测试，阅读此博客文章 数组有很多项 没有错误 列表在虚拟滚动中加载，但默认情况下其高度为0 快速修复方法是： 将cdk-virtual-scroll-viewport的高度设置为500px或在app.component.css中为class 'exampl...
cdk-virtual-scroll-viewport，“当用户快速滚动时，有没有解决空白区域的方法？”
特别是在移动端，当用户滚动页面时，页面会立即刷新。如果用户快速滚动页面，则很难渲染。
使用cdk-virtual-scroll（Angular 8）滚动到底部
目标 显示消息列表，并在接收到新消息时向底部滚动，即使我在顶部。我希望可以完全滚动到底部，即使其中的元素高度不同。 问题 使用虚拟滚动（virtual scroll），我必须设置[itemSize]属性，但对我来说它不是一个静态值： 当一条消息过长超过一行时，它会分成多行，因此其高度...