0

我正在使用fullpage.js將頁面拆分爲多個部分。其中一個部分有一個用handsOnTable.js構建的網格。fullpage.js + handsOnTable.js在滾動上的性能下降

除了在IE中的性能(所有版本高達11)以外,它的功能都很完美。當您滾動到網格部分時,實際滾動非常緩慢,不光滑,跳躍。這個問題不會在其他瀏覽器中持續存在。

我認爲滾動導致網格重新渲染或類似的東西,並影響性能。

任何幫助將不勝感激。

回答

1

你完全正確。 Handsontable使用虛擬渲染來渲染你能看到的東西。當您滾動時,它會重新渲染可見窗口。不幸的是,IE瀏覽器從來沒有和很多東西打好過,這就是其中之一。

Handsontable在他們的優化解決方案中引以爲豪,所以如果你想在github頁面上提出這個問題,你可能會得到一些反饋。否則,回答你的隱含的問題是:

是,Handsontable滾動將工作緩慢的IE

一個解決辦法是禁用虛擬繪製,以便更快的滾動,但是,不建議這樣做,因爲它會只要有變化就讓整個表格重新渲染,使得滾動速度很快但表格的其他部分變慢。

+0

非常感謝@ZekeDroid。欣賞你的建議,將嘗試玩視覺渲染。 – IgorShch

+0

虛擬渲染的工作原理是什麼?基於視口內elemetns的可見性? – Alvaro

+0

是的,它將呈現一個視窗,包含幾個用於滾動的填充行。從本質上講,Handsontable幾乎在你做出的每一個改變之後重新渲染整個視口,包括滾動。 – ZekeDroid