【问题标题】:fullpage.js + handsOnTable.js slow performance on scrollingfullpage.js + handsOnTable.js 滚动性能慢
【发布时间】:2016-01-03 14:43:51
【问题描述】:

我正在使用 fullpage.js 将页面拆分为多个部分。其中一个部分有一个使用 handsOnTable.js 构建的网格。

除了在 IE 中的性能(所有版本最高 11)外,它运行良好。当您滚动到带有网格的部分时,实际滚动非常缓慢,不流畅并且有点跳跃。该问题在其他浏览器中不存在。

我假设滚动导致网格重新渲染或类似的事情,这会影响性能。

任何帮助将不胜感激。

【问题讨论】:

    标签: javascript jquery internet-explorer handsontable fullpage.js


    【解决方案1】:

    你完全正确。 Handsontable 使用虚拟渲染来仅渲染您可以看到的内容。当您滚动时,它会重新呈现可见窗口。不幸的是,IE 从不适合...很多东西,这就是其中之一。

    Handsontable 以其优化的解决方案而自豪,所以如果您想在他们的 github 页面上提出这个问题,您可能会得到一些反馈。否则,您隐含问题的答案是:

    是的,Handsontable 滚动在 IE 上运行缓慢

    一种解决方案是禁用虚拟渲染以加快滚动速度,但不建议这样做,因为它会使整个表格在发生变化时重新渲染,从而使滚动速度加快但表格的其余部分变慢.

    【讨论】:

    • 非常感谢,@ZekeDroid。感谢您的建议,将尝试使用视觉渲染。
    • 虚拟渲染究竟是如何工作的?基于视口中元素的可见性?
    • 是的,它将呈现一个视口,其中包括一些用于滚动的填充行。从本质上讲,Handsontable 会在您进行几乎所有更改(包括滚动)后重新渲染整个视口。
    猜你喜欢
    • 1970-01-01
    • 2014-04-02
    • 1970-01-01
    • 2016-05-19
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多