我正在开发一个带有可调整列大小的惰性滚动表。如果用户滚动到数据尚未加载的位置,它会从服务器检索数据。因为我希望用户能够滚动数百万行,所以我实际上只在 DOM 中放置了两个包含 32 个元素的列表。如果这些列表中有一次滚动到视口(viewport)之外,我将其放回可见列表的另一侧并刷新元素。
这一切在 Chrome 中运行良好,但 Firefox(在 ubuntu linux 上)让我头疼,因为它只在 5 秒后而不是立即重绘屏幕。
有谁知道为什么 FireFox 会这样,也许还有如何解决/防止这种情况?
[编辑] 代码很快完成,我可以在记录操作的控制台中看到它。 javascript 在 DOM 中放置了一些节点。检查元素时,它们的属性没问题,所以布局计算似乎已经完成并且没问题。
我将尝试分解出具体的代码,因为它与服务器一起工作以生成设置和一些事件。 (我使用 Wicket,并通过 Wicket ajax 刷新两个列表中的每一个。Wicket 然后呈现 html 并替换 dom-entries)。这使它有些复杂。
最佳答案
问题来自 CSS 设置
。该表有一个 overflow:hidden
设置。删除它有助于解决我的问题。
关于javascript - Firefox 重绘非常慢(5 秒),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24447546/