我想在一个产品表中使用 Bootstrap 4 popover，它实际上可能有 1000 多个项目。尽管在设计方面使用这种大小的表格似乎不是最佳的（而不是使用例如分页或一些无限滚动技术），但在实践中，到目前为止，在引入弹出窗口之前，性能是绝对好的。不过，我担心弹出窗口会大大减慢速度，并希望将影响降至最低。
为此，我最想做的是检测表的哪些行当前可见（可能是 1000 行中的 25-50 行左右，具体取决于视口大小），然后将弹出框分配给那些仅行，并在行滚出视图后移除（处理）这些弹出框。弹出窗口将是 HTML 并且可能包含图像，所以我的担忧是基于可能不正确的假设，即如果我有 1000 行，每个行都有一个包含图像的弹出窗口，这将对页面加载产生严重影响。我只想在行滚动到视图中时加载图像。
那么，我上面的假设是否正确，如果是，我将如何确定哪些行在任何时候都可见？