我正在我的应用中使用mat-expansion-panel中的Angular Material，并将其与infinite scroll结合使用，这样我就不会一次加载所有文件，而且不会因为它。但是，一旦我滚动到底部并且加载了大约30-40个元素，则在打开扩展面板时滞后。
对此，我的第一个解决方案是使用virtual-scroll。
但是它不支持可变高度的项目。
我的下一个解决方案是在两个方向上都使用infinite-scroll，但是我从未见过其他应用程序使用此功能，所以我认为应该有更好的方法。
还有其他人遇到此问题并以更好的方式解决了吗？
答案 0 :(得分：1)
您可以使用HTML详细信息摘要标签：
HTML：
<details>
<summary>Your Heading</summary>
<p> Your First Paragraph.</p>
<p> Your Second Paragraph.</p>
</details>
CSS隐藏默认标记：//您可以在此之后随意设置样式
summary::-webkit-details-marker { display: none }