javascript - Firefox 重绘非常慢(5 秒)

标签 javascript css performance firefox lazy-loading

我正在开发一个带有可调整列大小的惰性滚动表。如果用户滚动到数据尚未加载的位置,它会从服务器检索数据。因为我希望用户能够滚动数百万行,所以我实际上只在 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/

相关文章:

javascript - 如何使用 jQuery 将 <a></a> 标签附加到元素中的特定单词

javascript - Android webview javascript 错误

jquery - 使用 .css ('left' 计算 x 位置)

linux - 为什么我的 linux 熵有这么低的上限?

javascript - 一次发送一个 $.post() ("adding a pause"但实际上是 : toggling a 'transmit' flag)

javascript - 在 Handsontable 中,计算无法使用 AJAX 进行自定义单元格渲染

html - 在占位符 CSS 中移动标签

ruby-on-rails - 模拟 Rails/Heroku 中的大量使用

.net - 诊断 "Quota Exceeded"Win32Exception

javascript - document.getElementById() 未获取值