Javascript web应用程序中的长列表内存问题

我正在从事一个渐进式web应用程序（PWA）项目，其中包含一个非常长的项目列表。这些项目包括：化身、名称、文本描述和按钮。理想情况下，我希望这个项目能在平板电脑（主要是iPad）上运行

要求：

• 名单必须按字母顺序排列
• 每个项目都有一个动态高度
• 滚动必须平滑，与在Contacts iOS应用程序中相同
• 每组以同一个字母开头的人都会有一个字母的标题，与联系人iOS应用程序中的标题相同
• 右侧有一个按字母顺序排列的列表，该列表应链接到列表中的相关组字母
• 字母列表必须支持与Contacts iOS应用程序相同的平滑滚动

有关更多信息，请参阅所附的屏幕截图

我只使用jQuery、Bootstrap和其他框架

我已成功设置了大部分，但遇到了一些问题：

当列表太长时，PWA会崩溃，可能是由于内存问题。 我编辑了iScroll Infinite的一些部分，它基本上从DOM中删除了大部分未使用的项，但这会产生一些UI问题

你知道我该如何解决这些问题吗

为了更清楚，我举了一些例子，因为我认为在不展示的情况下很难解释上述问题：

使用额外的CSS：

没有CSS：

截图：