Javascript 角度材质-md虚拟重复列表-滚动/加载/显示问题

在md virtual repeat下向下滚动列表时，滚动和显示速度之间存在不一致。项目显示速度不够快，无法跟上滚动速度。它还会滚动“超过列表”，以便在底部显示空白（而它本应停止滚动）

见代码笔：

如果将“md list item，md list item.\u md-list-item-INERNAR”上的最小高度更改为默认值，则问题会更加严重。在codepen上，当最小高度没有改变时，问题就不存在了（在我的本地机器上运行Chrome时，情况更糟，但也不可怕。但是，在某些屏幕尺寸下，问题更大）

---

我用CSS玩了几个小时，在谷歌上搜索了几个小时，但没有找到解决问题的方法。有什么想法吗？

我不久前注意到一个类似的问题，并遇到了

md virtual repeat

的

md item size

属性

其在报告中的描述如下：

重复元素（必须相同）的高度或宽度 对于每个元素）。可选。将尝试从中读取大小 dom，但仍然假定所有重复的节点具有相同的 高度或宽度

我已将此添加到您的示例中

<md-list-item md-virtual-repeat="test in testings" class="repeated-item" flex="" md-item-size="48">

滚动看起来很平滑，底部没有空白

我还更改了这个CSS，以便

md虚拟重复容器中的滚动可以正常工作

.md-virtual-repeat-container.md-orient-vertical {
    height: calc(100% - 100px);
}

非常感谢。现在工作得很好。100px从哪里来。md-virtual-repeat-container.md-orient-vertical{height:calc（100%-100px）；}@sweatherly老实说，这个值起了作用。我在你的代码笔中注意到滚动条消失了，检查容器时，我看到它的底部超过了列表。
md-list-item, md-list-item ._md-list-item-inner {
  min-height: 32px;
}

.md-virtual-repeat-container.md-orient-vertical {
    height: calc(100% - 100px);
}