我开始怀疑我不了解 Angular 的材质表实现,或者虚拟滚动的概念,或者两者兼而有之:-)
据我了解,虚拟滚动是一种用于限制在滚动大量数据(例如表格)时需要呈现的 DOM 元素数量的技术。我们有一个大小为 N 的视口,比如 5 个元素,我们通过它“查看”表格。滚动时,我们查看的 5 个元素的内容发生了变化,但 DOM 始终只渲染 5 个元素。
https://material.angular.io/components/table/overview#pagination中的 Angular 材质表示例在我看来似乎在做同样的事情。
如果我们查看该页面的 DOM 元素,我们选择的页面大小为 5,而 DOM 仅在表格中呈现 5 行:
所以我的问题很简单:这是不是虚拟卷轴?