The scrollDelayFloats property (number) specifies the debounce delay, in milliseconds, applied by the JavaScript Gantt Chart when updating floating task and time header labels during scrolling.

Declaration

DayPilot.Gantt.scrollDelayFloats

Default Value

0

Notes

A positive value makes existing floating labels wait until scrolling pauses before moving to their new positions. This can improve scrolling performance, but labels may lag behind the scroll position. Newly visible labels appear in the correct position immediately.

This property controls label positioning. Use scrollDelayTimeHeaders to delay rendering of newly exposed time headers.

Examples

JavaScript

const gantt = new DayPilot.Gantt("dp", {
  scrollDelayFloats: 100,
  // ...
});
gantt.init();

Angular

<daypilot-gantt [config]="config"></daypilot-gantt>
config: DayPilot.GanttConfig = {
  scrollDelayFloats: 100,
  // ...
};

React

<DayPilotGantt
  scrollDelayFloats={100}
/>

Vue

<DayPilotGantt
  :scrollDelayFloats="100"
/>

See Also

Scrolling Performance [doc.daypilot.org]

DayPilot.Gantt Class

Availability

Availability of this API item in DayPilot editions:

ProductLitePro
DayPilot for JavaScript