fullpage.js + handsOnTable.js在滚动时性能降低 [英] fullpage.js + handsOnTable.js slow performance on scrolling

问题描述

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

I'm using fullpage.js to split the page into sections. One of the sections has a grid built with handsOnTable.js.

除了IE中的性能（所有版本高达11）之外，它完美运行。当您滚动到带有网格的部分时，实际滚动非常慢，不平滑且有点跳跃。该问题不会在其他浏览器中持续存在。

It works perfectly, apart from the performance in IE (all versions up to 11). When you scroll to the section with the grid, the actual scrolling is very slow, not smooth and kind of jumping. The issue does not persist in other browsers.

我认为滚动导致网格重新渲染或类似的东西，这会影响性能。

I assume that the scrolling is causing the grid to re-render or something like this and that affect the performance.

任何帮助将不胜感激。

Any help will be appreciated.

推荐答案

你完全正确。 Handsontable使用虚拟渲染仅渲染您可以看到的内容。滚动时，它会重新渲染可见窗口。不幸的是，IE从来没有和很多东西一起玩，这就是其中之一。

You're entirely correct. Handsontable uses virtual rendering to only render what you can see. When you scroll, it re-renders the visible window. Unfortunately, IE never plays nice with...many things, this being one of them.

Handsontable以自己优化的解决方案为荣，所以如果你想在github页面上提出这个问题，你可能会得到一些反馈。否则，您隐含问题的答案是：

Handsontable prides themselves in their optimized solutions so if you'd like to bring this issue up on their github page, you may get some feedback. Otherwise, the answer to your implied question is:

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

Yes, Handsontable scrolling will work slow on IE

一解决方案是禁用虚拟渲染以允许更快的滚动，但是，不推荐这样做，因为它会使整个表在发生更改时重新呈现，使滚动速度加快但表的其余部分变慢。

One solution would be to disable virtual rendering to allow for faster scrolling, however, this is not recommended as it will make the entire table re-render whenever there is a change, making the scrolling fast but the rest of the table slow.

这篇关于fullpage.js + handsOnTable.js在滚动时性能降低的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！