问题标签 [virtualscroll]

我正在做一个项目，我想用某个国家的所有城市填充一个选择框。我从我的数据库中得到的数组大约有 2800 条记录。当 Angular 渲染这个选择框时，它需要很长时间，尽管数据已经准备好快速渲染。

这是我的html代码：

我试图让它使用虚拟滚动来加速，但我没有找到很好的例子来说明如何将它与选择框一起使用，这也不能解决由 2 路绑定引起的渲染延迟。有没有人有我可以遵循的解决方案。我仍然是 Angular 的大三学生，所以任何帮助都非常受欢迎。

提前感谢您的时间和精力！

我有一个包含 20 个图像的图像数组。我想以虚拟滚动网格形式动态加载我的图像，每行有 4 列，但不知道如何完成

这是我当前的代码

但这会生成一行和 1 列，但我希望动态地在 1 行中有 4 列。我如何做到这一点？

我正在做一个带有剑道网格的虚拟滚动演示。我正在使用远程数据（来自服务的 API 调用）。当我将滚动条拖放到网格底部时，应该显示最后一页数据（这里 pagesize = 50 所以最后 50 个数据）。但这并没有发生。我的数据库中共有 337154 个数据。

gridtest.component.html：

gridtest.component.ts：

现在根据此链接（使用 jQuery 的剑道网格虚拟滚动远程数据）pagechange 事件将自动提供页码或位置，无论您是在底部还是顶部。所以我无法理解这段代码有什么问题。

提前致谢。

我一直在寻找这个问题的答案，但一无所获。我在 angular4 堆栈中有一个虚拟滚动表，有数百行。我创建了一个函数来突出显示单击时的一行并且它正在工作，但是因为它是一个虚拟滚动，所以突出显示在滚动后转移到相同的虚拟位置，无论滚动位置如何，我都希望它与特定行一起使用。不确定这是否可以通过虚拟表实现，但希望有一些想法。谢谢！

组件.ts

.html

.css

当我在构造函数中对列表进行排序时，使用 Ionic3 和 virtualScroll 可以正常工作，但是当我使用页面上的排序按钮来更改列表的排序顺序时，排序完成但列表没有刷新。我见过 virtualTrackBy 但我不确定这是我需要的，因为我的数组确实在变化。重新排序后如何确保列表刷新？

完整代码可见： https ://stackblitz.com/edit/ionic-list100k-segment-index

使用 Ionic3 实现带有 virtualScroll 的大列表滚动。我添加了一个垂直滑块（输入范围）链接到使用 Ionic3 的函数

• this.content.scrollTo(0, yVal, 1000)

来回滚动，但如果我在列表中滚动得太远，我会收到错误消息

• 错误类型错误：无法读取 null 的属性“scrollTop”

我玩了时间参数，但似乎没有什么不同。我的列表有 10k 项，如果我一次滚动一步（1%），一切都很好。但是如果我尝试一直到列表的 50%，我会得到一个带有上述错误的空白输出。

我究竟做错了什么 ？？？

可以在此处找到实时示例和代码：

• https://ionic-list100k-segment-index.stackblitz.io
• https://stackblitz.com/edit/ionic-list100k-segment-index

使用 Ionic3，我将 VirtualScroll 与一个正在变化的数组一起使用（排序键和排序顺序）。我想在操作数组之前显示一个微调器并在完成后隐藏它。基本上

.html

.ts

问题是微调器 DOM 更新是按顺序发生的，而由 vsArray 更改触发的 VirtualScroll 更新在此代码序列之后异步发生。我尝试使用 DOMController.write 而不是直接访问 DOM，但我有相同的行为，因为微调器 DOM 更新在 VirtualScroll DOM 更新之前排队。

如何确保微调器仅在 VirtualScroll 更新完成后隐藏？？？

感谢您的任何意见

我正在实现一个包含图像和文本的提要屏幕，例如 twitter。我正在使用 angular 4。目前，当用户像 100 个项目一样深度滚动时，我正在使用Virtual Scroll来提高性能。我的问题是在我的列表中所有项目的大小都是可变的，并且这个库不完全支持动态高度。就像需要一些最小固定高度一样。这会导致移动设备和某些浏览器闪烁。如果可能的话，我想用 Angular 实现 React Js Virtual scroll。任何人都可以建议我任何解决方案，以便我的提要列表变得顺畅。

我有以下代码。

主页.html：

home.ts:

例如我必须向下滚动到 i=25

以下方法适用于没有VirtualScroll的普通列表。

VirtualScroll 不显示在视图上看不到的元素，因此我们得到一个错误 yOffset is null

HTML：

在组件中，我正在初始化项目。零件：

但在我的页面中没有显示任何内容。viewPortItems 为空。